@charset "UTF-8";
@layer base {
  *,
  :before,
  :after {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
  }
  * {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
  }
  body {
    min-block-size: 100vh;
    text-rendering: optimizespeed;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  address,
  cite {
    font-style: inherit;
    font-weight: inherit;
  }
  a:not([class]) {
    text-decoration-skip-ink: auto;
  }
  img,
  picture {
    display: block;
    max-inline-size: 100%;
  }
  img[width][height] {
    block-size: auto;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  hr {
    border: 0;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
  }
  [type=radio],
  [type=checkbox] {
    display: inline-block;
  }
  select {
    appearance: none;
    background-color: transparent;
    border-radius: 0;
  }
  option {
    font-weight: 400;
  }
  textarea {
    display: block;
    overflow: auto;
    resize: vertical;
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  @font-face {
    font-display: swap;
    font-family: "Canela";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Canela/Canela-Light-Web.woff2") format("woff2"), url("../fonts/Canela/Canela-Light-Web.woff") format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: "Clash Display";
    font-style: normal;
    font-weight: 400 500;
    src: url("../fonts/ClashDisplay/ClashDisplay-Variable.woff2") format("woff2"), url("../fonts/ClashDisplay/ClashDisplay-Variable.woff") format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: "Clash Grotesk";
    font-style: normal;
    font-weight: 400 700;
    src: url("../fonts/ClashGrotesk/ClashGrotesk-Variable.woff2") format("woff2"), url("../fonts/ClashGrotesk/ClashGrotesk-Variable.woff") format("woff");
  }
  @font-face {
    font-display: block;
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/FontAwesome/fa-brands-400.woff2") format("woff2");
  }
  @font-face {
    font-display: block;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/FontAwesome/fa-regular-400.woff2") format("woff2");
  }
  @font-face {
    font-display: block;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/FontAwesome/fa-solid-900.woff2") format("woff2");
  }
  :root {
    --trig-color-accent: var(--trig-color-purple-700);
    --trig-color-accent-variant-soft: unset;
    --trig-color-accent-variant-hard: var(--trig-color-purple-800);
    --trig-color-on-accent: var(--trig-color-white-100);
    --trig-color-on-accent-contrast: var(--trig-color-blue-dark-600);
    --trig-color-accent-focus: var(--trig-color-purple-300);
    --trig-color-accent-focus-outline: var(--trig-color-purple-900);
    --trig-color-on-accent-focus: var(--trig-color-grey-900);
    --trig-color-background: var(--trig-color-white-100);
    --trig-color-on-background: var(--trig-color-grey-900);
    --trig-color-on-background-contrast: var(--trig-color-purple-600);
    --trig-color-background-variant: var(--trig-color-grey-200);
    --trig-color-on-background-variant: var(--trig-color-blue-dark-600);
    --trig-color-disabled: var(--trig-color-grey-600);
    --trig-color-on-disabled: var(--trig-color-white-100);
    --trig-color-error: var(--trig-color-red-900);
    --trig-color-on-error: var(--trig-color-white-100);
    --trig-color-inactive-outline: var(--trig-color-grey-600);
    --trig-color-link: unset;
    --trig-color-link-focus: var(--trig-color-purple-800);
    --trig-color-overlay: var(--trig-color-grey-900);
    --trig-color-on-overlay: var(--trig-color-white-100);
    --trig-padding-block-section: clamp(2.5rem, 1.1666666667rem + 5.9259259259vw, 6.5rem);
    --trig-text-decoration-thickness: max(1px, 0.05em);
    --trig-text-underline-offset: 0.3em;
    background-color: var(--trig-color-background);
    color: var(--trig-color-on-background);
    scroll-padding-block-start: var(--trig-site-header-offset, 0);
  }
  body {
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    font-family: var(--trig-font-family-sans);
    line-height: var(--trig-line-height-default);
    overflow-x: hidden;
  }
  main {
    flex-grow: 1;
  }
  footer {
    flex-shrink: 0;
  }
  strong {
    font-weight: var(--trig-font-weight-medium);
  }
  span[style*=color] {
    color: var(--trig-color-accent) !important;
  }
  :root {
    --_outline-color: currentcolor;
    --_outline-size: max(2px, 0.1em);
    --_outline-style: solid;
  }
  :is(a,
  button,
  input,
  select,
  summary,
  textarea):focus, :is(a,
  button,
  input,
  select,
  summary,
  textarea):focus-visible {
    outline: var(--_outline-size) var(--_outline-style) var(--_outline-color);
    outline-offset: var(--_outline-offset, var(--_outline-size));
  }
  :is(a,
  button,
  input,
  select,
  summary,
  textarea):focus:not(:focus-visible) {
    outline: none;
  }
}
@layer elements {
  .button {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  .button:hover, .button:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .button:hover span, .button:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .button svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
  }
  .button[data-icon-alignment=start] {
    flex-direction: row-reverse;
  }
  .button--secondary,
  .button--tertiary,
  .button--quartenary {
    --_background-color: transparent;
  }
  .button--secondary:disabled,
  .button--tertiary:disabled,
  .button--quartenary:disabled {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--trig-color-disabled);
  }
  .button--secondary,
  .button--tertiary {
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .button--secondary {
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
  }
  .button--tertiary,
  .button--quartenary {
    --_color: var(--trig-color-accent-variant-hard);
    border: 0;
  }
  .button--tertiary {
    padding-block: 0.4444444444em;
    padding-inline: 0.8888888889em;
  }
  .button--quartenary {
    --_focus-background-color: transparent;
    --_focus-color: inherit;
    border-radius: 0;
    padding: 0;
  }
  .u-visually-hidden {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  form,
  .form {
    --_border-width: var(--trig-border-width-default);
    --_padding-block: calc((1em / 3) * 2);
    --_padding-inline: calc((1em / 9) * 8);
  }
  form label,
  form legend,
  .form label,
  .form legend {
    display: block;
    font-size: 0.875rem;
    inline-size: max-content;
  }
  form label ~ :is(input,
  select,
  div:has(> select:only-child),
  textarea),
  form legend ~ *,
  .form label ~ :is(input,
  select,
  div:has(> select:only-child),
  textarea),
  .form legend ~ * {
    margin-block-start: var(--trig-spacing-nano);
  }
  form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]),
  form select,
  form textarea,
  .form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]),
  .form select,
  .form textarea {
    background-color: transparent;
    border: var(--_border-width) solid var(--trig-color-inactive-outline);
    border-radius: var(--trig-border-radius-default);
    color: inherit;
    display: block;
    inline-size: 100%;
    line-height: var(--trig-line-height-300);
    padding-block: var(--_padding-block);
    padding-inline: var(--_padding-inline);
    white-space: nowrap;
  }
  form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):hover,
  form select:hover,
  form textarea:hover,
  .form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):hover,
  .form select:hover,
  .form textarea:hover {
    border-color: var(--trig-color-accent-variant-hard);
  }
  form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):focus, form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):focus-visible,
  form select:focus,
  form select:focus-visible,
  form textarea:focus,
  form textarea:focus-visible,
  .form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):focus,
  .form input:is([type=date],
  [type=email],
  [type=file],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url]):focus-visible,
  .form select:focus,
  .form select:focus-visible,
  .form textarea:focus,
  .form textarea:focus-visible {
    border-color: currentcolor;
    outline-offset: 0;
  }
  form input[type=file],
  .form input[type=file] {
    line-height: inherit;
    white-space: normal;
  }
  form div:has(> select:only-child),
  .form div:has(> select:only-child) {
    --_inline-size: calc(1em + (var(--_padding-inline) * 2));
    position: relative;
  }
  form div:has(> select:only-child):after,
  .form div:has(> select:only-child):after {
    background-color: currentcolor;
    block-size: 100%;
    content: "";
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: var(--_inline-size);
    mask-image: url("../img/icons/angle-down.svg");
    mask-origin: content-box;
    mask-position: 50%;
    mask-repeat: no-repeat;
    mask-size: contain;
    padding-block: var(--_padding-block);
    padding-inline: var(--_padding-inline);
    pointer-events: none;
    position: absolute;
  }
  form div:has(> select:only-child) select,
  .form div:has(> select:only-child) select {
    padding-inline-end: var(--_inline-size);
  }
  form textarea,
  .form textarea {
    border-end-end-radius: 0;
    block-size: 8rem;
    line-height: inherit;
    white-space: normal;
  }
  form textarea[rows],
  .form textarea[rows] {
    block-size: auto;
  }
  form input[type=checkbox],
  form input[type=radio],
  .form input[type=checkbox],
  .form input[type=radio] {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  form input[type=checkbox] + label,
  form input[type=radio] + label,
  .form input[type=checkbox] + label,
  .form input[type=radio] + label {
    color: var(--trig-color-on-background-variant);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-size: inherit;
  }
  form input[type=checkbox] + label:hover, form input[type=checkbox]:focus-visible + label,
  form input[type=radio] + label:hover,
  form input[type=radio]:focus-visible + label,
  .form input[type=checkbox] + label:hover,
  .form input[type=checkbox]:focus-visible + label,
  .form input[type=radio] + label:hover,
  .form input[type=radio]:focus-visible + label {
    color: var(--trig-color-accent-variant-hard);
  }
  form input[type=checkbox] + label:before,
  form input[type=radio] + label:before,
  .form input[type=checkbox] + label:before,
  .form input[type=radio] + label:before {
    background-color: currentcolor;
    content: "";
    display: block;
    flex-shrink: 0;
    inline-size: 1em;
    mask-image: var(--_icon-unchecked);
    mask-origin: content-box;
    mask-position: 50%;
    mask-repeat: no-repeat;
    mask-size: contain;
  }
  form input[type=checkbox]:focus-visible + label,
  form input[type=radio]:focus-visible + label,
  .form input[type=checkbox]:focus-visible + label,
  .form input[type=radio]:focus-visible + label {
    outline: var(--_outline-size) var(--_outline-style) var(--_outline-color);
    outline-offset: var(--_outline-offset, var(--_outline-size));
  }
  form input[type=checkbox] + label:hover:before, form input[type=checkbox]:focus-visible + label:before,
  form input[type=radio] + label:hover:before,
  form input[type=radio]:focus-visible + label:before,
  .form input[type=checkbox] + label:hover:before,
  .form input[type=checkbox]:focus-visible + label:before,
  .form input[type=radio] + label:hover:before,
  .form input[type=radio]:focus-visible + label:before {
    mask-image: var(--_icon-focus);
  }
  form input[type=checkbox]:checked + label:before,
  form input[type=radio]:checked + label:before,
  .form input[type=checkbox]:checked + label:before,
  .form input[type=radio]:checked + label:before {
    mask-image: var(--_icon-checked);
  }
  form input[type=checkbox] + label:before,
  .form input[type=checkbox] + label:before {
    --_icon-unchecked: url("../img/icons/square.svg");
    --_icon-focus: url("../img/icons/square.svg");
    --_icon-checked: url("../img/icons/square-check.svg");
  }
  form input[type=radio] + label:before,
  .form input[type=radio] + label:before {
    --_icon-unchecked: url("../img/icons/circle.svg");
    --_icon-focus: url("../img/icons/circle.svg");
    --_icon-checked: url("../img/icons/circle-dot.svg");
  }
  form button,
  form input[type=submit],
  .form button,
  .form input[type=submit] {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  form button:hover, form button:focus-visible,
  form input[type=submit]:hover,
  form input[type=submit]:focus-visible,
  .form button:hover,
  .form button:focus-visible,
  .form input[type=submit]:hover,
  .form input[type=submit]:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  form button:hover span, form button:focus-visible span,
  form input[type=submit]:hover span,
  form input[type=submit]:focus-visible span,
  .form button:hover span,
  .form button:focus-visible span,
  .form input[type=submit]:hover span,
  .form input[type=submit]:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  form button:disabled,
  form input[type=submit]:disabled,
  .form button:disabled,
  .form input[type=submit]:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6 {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  hr {
    background-color: currentcolor;
    block-size: max(2px, 0.1em);
    color: inherit;
  }
  a {
    color: var(--trig-color-link, inherit);
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  a:hover, a:focus-visible {
    color: var(--trig-color-link-focus, inherit);
  }
  dl:not([class]) > * + * {
    margin-block-start: 0.5em;
  }
  dl:not([class]) dt {
    font-weight: var(--trig-font-weight-medium);
  }
  ol:not([class]),
  ul:not([class]) {
    --_padding-inline-start: 2.5em;
    list-style: none;
    padding-inline-start: var(--_padding-inline-start);
    position: relative;
  }
  ol:not([class]) > li + li, ol:not([class]) > li > ol, ol:not([class]) > li > ul,
  ul:not([class]) > li + li,
  ul:not([class]) > li > ol,
  ul:not([class]) > li > ul {
    margin-block-start: 1em;
  }
  ol:not([class]) > li:before,
  ul:not([class]) > li:before {
    inline-size: var(--_padding-inline-start);
    inset-inline-start: 0;
    position: absolute;
    text-align: start;
  }
  ol:not([class]) {
    counter-reset: li;
  }
  ol:not([class]) > li {
    counter-increment: li;
  }
  ol:not([class]) > li:before {
    content: counter(li) ".";
    padding-inline-end: 0.5em;
  }
  ul:not([class]) > li:before {
    color: var(--trig-color-accent);
    content: "•";
    text-align: center;
  }
  ul:not([class]) > li > ul > li:before {
    content: "◦";
  }
  .lead {
    font-family: var(--trig-font-family-display);
    font-size: clamp(1.25rem, 1.2083333333rem + 0.1851851852vw, 1.375rem);
    line-height: var(--trig-line-height-lead);
  }
  picture[data-has-logo=true] {
    position: relative;
  }
  picture[data-has-logo=true] div {
    aspect-ratio: 1;
    inset-block-start: 0;
    inset-inline-start: 0;
    margin: var(--trig-spacing-small);
    max-inline-size: clamp(3rem, 1.9166666667rem + 4.8148148148vw, 6.25rem);
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: var(--trig-z-index-above);
  }
  picture[data-has-logo=true] div svg {
    block-size: auto;
    display: block;
    fill: currentcolor;
    inline-size: 100%;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4, blockquote p {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6 {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  blockquote {
    color: var(--trig-color-on-background-variant);
    quotes: "“" "”" "‘" "’";
  }
  blockquote p {
    font-weight: var(--trig-font-weight-medium);
  }
  blockquote p + p {
    margin-block-start: 0.5em;
  }
  blockquote a {
    text-underline-offset: auto;
  }
  blockquote cite {
    display: inline-block;
    margin-block-start: var(--trig-spacing-200);
  }
  blockquote p:first-of-type:before, q:before, .quote:before {
    content: open-quote;
  }
  blockquote p:last-of-type:after, q:after, .quote:after {
    content: close-quote;
  }
  small, .small {
    font-size: 0.875rem;
  }
  table {
    inline-size: 100%;
    margin-inline: auto;
  }
  table caption,
  table td,
  table th {
    border: 0 solid currentcolor;
    text-align: inherit;
  }
  table caption {
    caption-side: bottom;
    font-size: 0.875rem;
    margin-block-start: var(--trig-spacing-100);
  }
  table thead,
  table tfoot {
    font-weight: var(--trig-font-weight-medium);
  }
  table td,
  table th {
    padding: 0.75em;
    padding-inline-start: 0;
  }
  table tbody td,
  table tfoot th,
  table tfoot td {
    border-block-start-width: var(--trig-border-width-default);
  }
  table thead th {
    font-weight: inherit;
    padding-block-start: 0;
    vertical-align: bottom;
  }
  table tfoot th,
  table tfoot td {
    padding-block-end: 0;
    vertical-align: top;
  }
}
@layer objects {
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  .content-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .content-grid__section {
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .content-grid__section {
      --_columns: 12;
    }
  }
  .content-grid__section > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .content-grid__section > * {
      grid-column: 2/span 10;
    }
    .content-grid[data-content-alignment=start] .content-grid__section > * {
      grid-column-start: 1;
    }
    .content-grid__section > picture {
      grid-column: 1/-1;
    }
  }
  @container (width >= 80rem) {
    .content-grid__section > * {
      grid-column: 3/span 8;
    }
    .content-grid__section > picture {
      grid-column: 2/span 10;
    }
  }
  .content-grid__section .page-title + .tag-group {
    margin-block-start: calc(var(--_row-gap) * -1 + var(--trig-spacing-400));
  }
  .panel {
    padding-block: var(--trig-padding-block-section, var(--trig-spacing-800));
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .sidebar-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .sidebar-grid__section {
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .sidebar-grid__section {
      --_columns: 12;
    }
  }
  .sidebar-grid__section > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .sidebar-grid__section {
      grid-template-areas: "a a a a a a . b b b b b";
    }
  }
  @container (width >= 60rem) {
    .sidebar-grid__section {
      grid-template-areas: "a a a a a a a . b b b b";
    }
  }
  @container (width >= 80rem) {
    .sidebar-grid__section {
      grid-template-areas: "a a a a a a . . b b b b";
    }
  }
  .sidebar-grid__content,
  .sidebar-grid__sidebar {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  @container (width >= 40rem) {
    .sidebar-grid__content {
      grid-area: a;
    }
  }
  @container (width >= 40rem) {
    .sidebar-grid__sidebar {
      grid-area: b;
    }
  }
  @container (width >= 40rem) {
    .sidebar-grid[data-grid-layout="5:6"] .sidebar-grid__section {
      grid-template-areas: "a a a a a a . b b b b b";
    }
  }
  @container (width >= 80rem) {
    .sidebar-grid[data-grid-layout="5:6"] .sidebar-grid__section {
      grid-template-areas: "a a a a a . b b b b b b";
    }
  }
  @container (width >= 40rem) {
    .sidebar-grid--sticky .sidebar-grid__content {
      align-self: start;
      inset-block-start: var(--trig-site-header-offset, 0);
      position: sticky;
    }
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
}
@layer components {
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .banner {
    --_padding-block: var(--trig-spacing-600);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-block-size: 80vb;
    padding-block-end: clamp(var(--_padding-block), 50vh, var(--_padding-block) * 2);
    padding-block-start: calc(var(--trig-site-header-block-size) + var(--_padding-block));
    padding-inline: var(--trig-padding-inline-container);
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  @media (width >= 70rem) {
    .banner {
      aspect-ratio: 16/9;
      inline-size: 100%;
    }
    main .banner:first-child {
      margin-block-start: calc(var(--trig-site-header-offset, 0) * -1);
    }
  }
  @media (width >= 100rem) {
    .banner {
      aspect-ratio: 3/1;
    }
  }
  @media (aspect-ratio > 2/1) {
    .banner {
      justify-content: flex-start;
    }
  }
  .banner__image {
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    z-index: var(--trig-z-index-below);
  }
  .banner__image, .banner__image:after,
  .banner__image img {
    block-size: 100%;
    inline-size: 100%;
  }
  .banner__image:after {
    background-color: var(--trig-color-on-background);
    content: "";
    display: none;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0.6;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .banner[data-display-overlay=true] .banner__image:after {
    display: block;
  }
  .banner__image img {
    object-fit: cover;
    object-position: 50%;
  }
  .banner__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
    color: var(--trig-color-background);
    z-index: var(--trig-z-index-front);
  }
  @media (width >= 70rem) {
    .banner__body {
      --_columns: 12;
      --_column-gap: var(--trig-spacing-default);
      --_gutters: calc((var(--_columns) - 1) * var(--_column-gap));
      --_column-inline-size: calc((100% - var(--_gutters)) / var(--_columns));
      padding-inline-end: calc((var(--_column-inline-size) + var(--_column-gap)) * 2);
    }
  }
  .banner__body :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: inherit;
  }
  .banner__body span[style*=color] {
    color: inherit !important;
  }
  .banner__button-group .button {
    --_background-color: var(--trig-color-background);
    --_border-color: transparent;
    --_color: var(--trig-color-on-background-variant);
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .breadcrumb-link {
    align-items: center;
    color: var(--trig-color-on-background-variant);
    column-gap: 0.5em;
    cursor: pointer;
    display: inline-flex;
    text-decoration: none;
  }
  .breadcrumb-link svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
    order: -1;
  }
  .breadcrumb-link:hover, .breadcrumb-link:focus-visible {
    color: var(--_focus-color, var(--_color));
  }
  .breadcrumb-link:hover span, .breadcrumb-link:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button-group {
    column-gap: var(--trig-spacing-300);
    display: flex;
    flex-flow: row wrap;
    row-gap: var(--trig-spacing-100);
  }
  .button {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  .button:hover, .button:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .button:hover span, .button:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .button svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
  }
  .button[data-icon-alignment=start] {
    flex-direction: row-reverse;
  }
  .button--secondary,
  .button--tertiary,
  .button--quartenary {
    --_background-color: transparent;
  }
  .button--secondary:disabled,
  .button--tertiary:disabled,
  .button--quartenary:disabled {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--trig-color-disabled);
  }
  .button--secondary,
  .button--tertiary {
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .button--secondary {
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
  }
  .button--tertiary,
  .button--quartenary {
    --_color: var(--trig-color-accent-variant-hard);
    border: 0;
  }
  .button--tertiary {
    padding-block: 0.4444444444em;
    padding-inline: 0.8888888889em;
  }
  .button--quartenary {
    --_focus-background-color: transparent;
    --_focus-color: inherit;
    border-radius: 0;
    padding: 0;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6, .card__heading {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7, .card--person .card__heading {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .card {
    --_row-gap: var(--trig-spacing-100);
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-inline-size: var(--trig-size-400);
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .card > * + * {
    margin-block-start: var(--_row-gap);
  }
  .card--no-image {
    padding-block-start: var(--trig-spacing-300);
  }
  .card__logo {
    aspect-ratio: 1;
    inset-block-start: 0;
    inset-inline-start: 0;
    margin: var(--trig-spacing-small);
    max-inline-size: clamp(3rem, 1.9166666667rem + 4.8148148148vw, 6.25rem);
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .card__logo svg {
    block-size: auto;
    display: block;
    fill: currentcolor;
    inline-size: 100%;
  }
  .card__logo + * {
    margin-block-start: 0;
  }
  .card__image img {
    block-size: auto;
    inline-size: 100%;
    object-fit: cover;
    aspect-ratio: 3/2.25;
  }
  .card__image + * {
    margin-block-start: var(--trig-spacing-300);
  }
  .card__image.team-member img {
    aspect-ratio: 4/5;
  }
  .card__heading {
    --trig-font-family-heading: initial;
    --trig-font-weight-heading: initial;
  }
  .card__heading a,
  .card__heading button {
    text-decoration: none;
  }
  .card__heading a:hover, .card__heading a:focus-visible,
  .card__heading button:hover,
  .card__heading button:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .card__heading a:after {
    block-size: 100%;
    content: "";
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .card__heading button {
    background-color: transparent;
    cursor: pointer;
    font-weight: inherit;
  }
  .card__heading + p {
    margin-block-start: var(--trig-spacing-small);
    position: relative;
    z-index: var(--trig-z-index-front);
  }
  .card__tag-group {
    font-size: 0.875rem;
  }
  .card__tag-group > * {
    color: inherit;
  }
  .card--person {
    max-inline-size: var(--trig-size-200);
  }
  .card--person .card__heading + p {
    margin-block-start: 0;
  }
  .card--person .card__icon-group {
    color: var(--trig-color-accent);
    position: relative;
    z-index: var(--trig-z-index-front);
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4, .carousel__header :is(h2,
  h3,
  h4,
  h5,
  h6) {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6 {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .carousel {
    container-type: inline-size;
  }
  .carousel__header,
  .carousel__viewport {
    --_margin-inline: var(--trig-padding-inline-container);
  }
  .carousel__header {
    margin-block-end: var(--trig-spacing-400);
    margin-inline: var(--_margin-inline);
  }
  .carousel__header > * + * {
    margin-block-start: var(--trig-spacing-micro);
  }
  @container (width >= 60rem) {
    .carousel__header {
      --_padding-inline-end: clamp(
        var(--trig-size-200),
        40%,
        var(--trig-size-400)
      );
      padding-inline-end: var(--_padding-inline-end);
      position: relative;
      z-index: var(--trig-z-index-root);
    }
    .carousel__header > a.button {
      inset-block-end: 0;
      inset-inline-end: 0;
      max-inline-size: var(--_padding-inline-end);
      position: absolute;
      text-align: end;
    }
  }
  .carousel__viewport {
    --_column-gap: var(--trig-spacing-default);
    overflow-x: auto;
    padding-block: var(--trig-spacing-micro);
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .carousel__viewport,
  .carousel__items {
    column-gap: var(--_column-gap);
    display: flex;
    flex-flow: row nowrap;
  }
  .carousel__viewport:before,
  .carousel__items:after {
    block-size: 1px;
    content: "";
    display: block;
    flex-shrink: 0;
    inline-size: max(1px, var(--_margin-inline) - var(--_column-gap));
  }
  .carousel__items {
    --_columns: 1;
    inline-size: 100%;
    list-style: none;
  }
  @container (width >= 40rem) {
    .carousel__items {
      --_columns: 2;
    }
  }
  @container (width >= 80rem) {
    .carousel__items {
      --_columns: 3;
    }
  }
  .carousel__item {
    --_max-inline-size: var(--trig-size-300);
    --_min-inline-size: var(--trig-size-100);
    --_inline-size: calc((100% / var(--_columns)) - (var(--_column-gap) * 2));
    flex-shrink: 0;
    inline-size: var(--_min-inline-size);
    inline-size: clamp(var(--_min-inline-size), var(--_inline-size), var(--_max-inline-size));
    scroll-snap-align: center;
  }
  .carousel__item > * {
    max-inline-size: none;
  }
  @media (width < 100rem) {
    .carousel[data-carousel-mode=gallery] .carousel__viewport:before,
    .carousel[data-carousel-mode=gallery] .carousel__items:after {
      display: none;
    }
  }
  .carousel[data-carousel-mode=gallery] .carousel__item {
    --_max-block-size: var(--trig-size-300);
    --_min-block-size: var(--trig-size-100);
    --_block-size: 50vi;
    inline-size: auto;
  }
  .carousel[data-carousel-mode=gallery] .carousel__item img {
    block-size: var(--_min-block-size);
    block-size: clamp(var(--_min-block-size), var(--_block-size), var(--_max-block-size));
    inline-size: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .carousel[data-carousel-mode=logo] {
    color: var(--trig-color-grey-600);
  }
  .carousel[data-carousel-mode=logo] .carousel__viewport {
    --_column-gap: clamp(1.5rem, 0.3333333333rem + 5.1851851852vw, 5rem);
  }
  .carousel[data-carousel-mode=logo] .carousel__items {
    align-items: center;
  }
  .carousel[data-carousel-mode=logo] .carousel__item {
    inline-size: auto;
  }
  .carousel[data-carousel-mode=logo] .carousel__item > * {
    max-inline-size: 6.25rem;
  }
  .carousel[data-carousel-mode=logo] .carousel__item:first-child {
    margin-inline-start: auto;
  }
  .carousel[data-carousel-mode=logo] .carousel__items:after {
    margin-inline-end: auto;
  }
  .carousel[data-carousel-mode=team] {
    --_column-gap: var(--trig-spacing-small);
  }
  @container (width >= 60rem) {
    .carousel[data-carousel-mode=team] .carousel__items {
      --_columns: 3;
    }
  }
  @container (width >= 80rem) {
    .carousel[data-carousel-mode=team] .carousel__items {
      --_columns: 4;
    }
  }
  .carousel[data-carousel-mode=team] .carousel__item {
    --_max-inline-size: var(--trig-size-200);
  }
  .cta {
    --_max-inline-size: var(--trig-size-400);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: var(--trig-padding-block-section, var(--trig-spacing-800));
    padding-inline: max(var(--trig-spacing-400), (100vi - var(--_max-inline-size)) / 2);
    text-align: center;
  }
  .cta > * + * {
    margin-block-start: var(--trig-spacing-200);
  }
  .cta__button-group {
    justify-content: center;
    margin-block-start: var(--trig-spacing-500);
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .dialog {
    --_animation-timing-function: var(--trig-easing-function-cubic);
    --_animation-slide-in-left: slide-in-left var(--_animation-duration, 0s) var(--_animation-timing-function);
    --_animation-slide-in-up: slide-in-up var(--_animation-duration, 0s) var(--_animation-timing-function);
    --_animation-slide-out-down: slide-out-down var(--_animation-duration, 0s) var(--_animation-timing-function);
    --_animation-slide-out-right: slide-out-right var(--_animation-duration, 0s) var(--_animation-timing-function);
    animation: var(--_animation-slide-out-down) forwards;
    animation-timing-function: var(--_animation-duration, 0s);
    background-color: var(--trig-color-blue-dark-600);
    container-type: inline-size;
    display: block;
    inline-size: 100%;
    margin: auto;
    max-inline-size: var(--trig-size-700);
    position: fixed;
    transition: opacity var(--_animation-duration, 0s) var(--_animation-timing-function);
    z-index: var(--trig-z-index-dialog);
  }
  .dialog[open] {
    --_animation-duration: var(--trig-transition-duration-medium);
    animation: var(--_animation-slide-in-up) forwards;
  }
  .dialog:not([open]) {
    opacity: 0;
    pointer-events: none;
  }
  .dialog::backdrop {
    background-color: hsla(0, 0%, 10%, 0.8);
    padding: var(--trig-spacing-default);
  }
  .dialog__wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  @container (width >= 60rem) {
    .dialog__wrapper {
      flex-flow: row nowrap;
    }
  }
  .dialog__header {
    display: flex;
    flex-flow: row nowrap;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    padding: var(--trig-spacing-small);
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  @container (width >= 60rem) {
    .dialog__body,
    .dialog__image-grid {
      flex-basis: 50%;
    }
  }
  .dialog__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
    background-color: var(--trig-color-white-100);
    justify-content: center;
    padding-block: 3.5rem;
    padding-inline: clamp(3.5rem, 2.5rem + 4.4444444444vw, 6.5rem);
  }
  .dialog__image-grid {
    --_border-radius: var(--trig-border-radius-pill);
    align-self: end;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 2fr 2fr;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  @container (width < 60rem) {
    .dialog__image-grid {
      display: none;
    }
  }
  .dialog__image-grid:before, .dialog__image-grid:after {
    content: "";
    grid-column-end: span 1;
    grid-row-end: -1;
  }
  .dialog__image-grid:before {
    aspect-ratio: 1;
    background-color: var(--trig-color-peach-600);
    border-end-start-radius: var(--_border-radius);
    grid-column-start: 1;
    grid-row-start: span 1;
  }
  .dialog__image-grid:after {
    aspect-ratio: 1/2;
    background-color: var(--trig-color-purple-600);
    border-start-start-radius: var(--_border-radius);
    grid-column-start: 2;
    grid-row-start: span 2;
  }
  .dialog__image-grid picture {
    aspect-ratio: 1;
    border-start-start-radius: var(--_border-radius);
    grid-column-start: 2;
    grid-row-start: span 1;
    grid-row-end: -1;
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-end: 0;
    overflow: hidden;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .dialog__image-grid img {
    inline-size: 100%;
  }
  .dialog[data-color-scheme=dark] {
    color: var(--trig-color-white-100);
  }
  .dialog[data-color-scheme=dark] .dialog__body {
    background-color: transparent;
  }
  .dialog[data-color-scheme=dark] :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: inherit;
  }
  .dialog--person {
    --_header-block-size: 4rem;
    animation: var(--_animation-slide-out-right) forwards;
    background-color: var(--trig-color-white-100);
    block-size: 100%;
    margin: 0;
    margin-inline-start: auto;
    max-block-size: none;
  }
  .dialog--person[open] {
    animation: var(--_animation-slide-in-left) forwards;
  }
  @container (width >= 60rem) {
    .dialog--person .dialog__wrapper {
      flex-flow: column;
    }
  }
  .dialog--person .dialog__header {
    align-items: center;
    backdrop-filter: blur(10px);
    background-color: var(--trig-color-white-100-40);
    block-size: var(--_header-block-size);
    column-gap: var(--trig-spacing-default);
    font-weight: var(--trig-font-weight-medium);
    inset-block-start: 0;
    justify-content: space-between;
    padding-block: var(--trig-spacing-100);
    padding-inline: var(--trig-spacing-400);
    position: sticky;
  }
  .dialog--person .dialog__image {
    margin-block-start: calc(var(--_header-block-size) * -1);
  }
  .dialog--person .dialog__body {
    background-color: transparent;
    row-gap: var(--trig-spacing-700);
  }
  .dialog--person .dialog__icon-group {
    color: var(--trig-color-accent);
  }
  @keyframes slide-in-left {
    from {
      transform: translateX(100%);
    }
  }
  @keyframes slide-out-right {
    to {
      transform: translateX(100%);
    }
  }
  @keyframes slide-in-up {
    from {
      transform: translateY(100%);
    }
  }
  @keyframes slide-out-down {
    to {
      transform: translateY(100%);
    }
  }
  .button {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  .button:hover, .button:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .button:hover span, .button:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .button svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
  }
  .button[data-icon-alignment=start] {
    flex-direction: row-reverse;
  }
  .button--secondary,
  .button--tertiary,
  .button--quartenary {
    --_background-color: transparent;
  }
  .button--secondary:disabled,
  .button--tertiary:disabled,
  .button--quartenary:disabled {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--trig-color-disabled);
  }
  .button--secondary,
  .button--tertiary {
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .button--secondary {
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
  }
  .button--tertiary,
  .button--quartenary {
    --_color: var(--trig-color-accent-variant-hard);
    border: 0;
  }
  .button--tertiary {
    padding-block: 0.4444444444em;
    padding-inline: 0.8888888889em;
  }
  .button--quartenary {
    --_focus-background-color: transparent;
    --_focus-color: inherit;
    border-radius: 0;
    padding: 0;
  }
  .u-visually-hidden {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .filter-bars {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-small);
  }
  .filter-bar--reset-all {
    flex-basis: 100%;
  }
  .filter-bar__fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .filter-bar__list {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-small);
  }
  .filter-bar__heading,
  .filter-bar__input {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .filter-bar__label {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
    --_background-color: transparent;
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .filter-bar__label:hover, .filter-bar__label:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .filter-bar__label:hover span, .filter-bar__label:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .filter-bar__label:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .filter-bar__label:hover, .filter-bar__label:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .filter-bar__label:before {
    display: none;
  }
  .filter-bar__input:checked + .filter-bar__label {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .filter-bar__button.button {
    --_background-color: transparent;
    --_border-color: transparent;
    --_color: inherit;
    --_focus-border-color: transparent;
    font-weight: inherit;
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .hero {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .hero__section {
    align-items: center;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .hero__section {
      --_columns: 12;
    }
  }
  .hero__section > * {
    grid-column: 1/-1;
  }
  .hero__section:nth-child(n+3) {
    display: none;
  }
  .hero__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
    max-inline-size: var(--trig-size-600);
    padding-block-start: 3.5rem;
    padding-block-end: clamp(3.5rem, 3rem + 2.2222222222vw, 5rem);
  }
  @container (width >= 60rem) {
    .hero__body {
      grid-column: span 8;
    }
  }
  .hero__image,
  .hero__image-grid {
    --_border-radius: var(--trig-border-radius-pill);
  }
  @container (width < 60rem) {
    .hero__image,
    .hero__image-grid {
      margin-inline-start: auto;
      max-inline-size: var(--trig-size-300);
    }
  }
  @container (width >= 60rem) {
    .hero__image,
    .hero__image-grid {
      grid-column-start: span 6;
      grid-column-end: -1;
    }
  }
  .hero__image {
    align-items: start;
    border-end-start-radius: var(--_border-radius);
    overflow: hidden;
  }
  @container (width >= 60rem) {
    .hero__image {
      transform: translateX(var(--trig-padding-inline-container));
    }
  }
  @media (width >= 100rem) {
    .hero__image {
      transform: translateX(0);
    }
  }
  .hero__image img {
    inline-size: 100%;
  }
  .hero__image-grid {
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: calc(var(--trig-spacing-default) * 1.25) 1fr calc(var(--trig-spacing-default) * 1.25) 1fr;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .hero__image-grid:before, .hero__image-grid:after {
    aspect-ratio: 1;
    content: "";
    grid-column-end: span 1;
    grid-row-start: span 1;
    grid-row-end: -1;
  }
  .hero__image-grid:before {
    --_proportion: 1 / 6;
    background-color: var(--trig-color-on-background-variant);
    border-end-start-radius: var(--_border-radius);
    grid-column-start: 2;
    margin-block-start: auto;
    transform: scale(calc(1 + var(--_proportion)));
    transform-origin: 100% 100%;
  }
  .hero__image-grid:after {
    --_proportion: 1 / 3;
    background-color: var(--trig-color-on-background-contrast);
    border-start-start-radius: var(--_border-radius);
    grid-column-start: 3;
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-end: 0;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .hero__image-grid picture {
    overflow: hidden;
  }
  .hero__image-grid picture:nth-child(n+3) {
    display: none;
  }
  .hero__image-grid picture:nth-child(odd) {
    aspect-ratio: 11/20;
    border-start-start-radius: var(--_border-radius);
    grid-column-start: span 1;
    grid-column-end: -1;
    grid-row: 1/-1;
    margin-block-start: auto;
  }
  .hero__image-grid picture:nth-child(even) {
    aspect-ratio: 1;
    border-end-end-radius: var(--_border-radius);
    grid-row-start: 2;
  }
  .hero__image-grid img {
    inline-size: 100%;
  }
  @container (width < 60rem) {
    .hero__section {
      row-gap: 0;
    }
  }
  @container (width >= 60rem) {
    .hero__section:has(.hero__image) .hero__body {
      grid-column: span 6;
      padding-block-start: clamp(3.5rem, 3rem + 2.2222222222vw, 5rem);
      padding-block-end: clamp(3.5rem, 2.5rem + 4.4444444444vw, 6.5rem);
    }
  }
  .hero__section:has(.hero__image-grid) {
    align-items: start;
  }
  @container (width >= 60rem) {
    .hero__section:has(.hero__image-grid) .hero__body {
      grid-column: span 6;
      padding-inline-end: var(--trig-spacing-default);
    }
  }
  .hero__section:not(:last-child) .hero__image-grid {
    grid-template-columns: var(--trig-spacing-600) 3fr 4fr;
  }
  @container (width >= 60rem) {
    .hero__section:not(:last-child) .hero__image-grid {
      transform: translateX(var(--trig-padding-inline-container-min));
    }
  }
  .hero__section + .hero__section .hero__image {
    border-end-start-radius: 0;
    border-end-end-radius: var(--_border-radius);
    margin-inline-start: 0;
  }
  @container (width >= 60rem) {
    .hero__section + .hero__section .hero__image {
      grid-column-start: 1;
      grid-column-end: span 4;
      transform: none;
    }
  }
  @container (width >= 60rem) {
    .hero__section + .hero__section .hero__body {
      grid-column-end: -2;
    }
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5, .icon-card :is(h2,
  h3,
  h4,
  h5,
  h6) {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6 {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .icon-card {
    --_row-gap: var(--trig-spacing-small);
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-inline-size: var(--trig-size-300);
    row-gap: var(--_row-gap);
    text-align: center;
  }
  .icon-card__icon {
    --_font-size: 3.125rem;
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    font-size: var(--_font-size);
    inline-size: var(--_size);
    line-height: var(--_font-size);
    margin-block-end: var(--_row-gap);
  }
  .icon-card__icon:is(svg) {
    color: var(--trig-color-on-background-contrast);
    fill: currentcolor;
  }
  .icon-group {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 1.25em;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6, .icon-list__label {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .icon-list {
    --_gap: var(--trig-spacing-400);
    display: flex;
    flex-flow: row wrap;
    gap: var(--_gap);
  }
  .icon-list__item {
    flex-basis: calc(50% - var(--_gap));
    flex-grow: 1;
    flex-shrink: 0;
    min-inline-size: var(--trig-size-200);
  }
  .icon-list__label {
    color: var(--trig-color-on-background-variant);
    font-weight: var(--trig-font-weight-medium);
  }
  .icon-list__value {
    --_spacing: var(--trig-spacing-small);
    align-items: baseline;
    column-gap: var(--_spacing);
    display: flex;
    flex-flow: row nowrap;
    margin-block-start: var(--_spacing);
  }
  .icon-list__icon {
    --_size: 1em;
    block-size: var(--_size);
    color: var(--trig-color-accent);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
    transform: translateY(0.1em);
  }
  .icon {
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
  }
  .icon svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    inline-size: var(--_size);
  }
  :root {
    --trig-logo-inline-size: clamp(5rem, 3.3333333333rem + 7.4074074074vw, 10rem);
  }
  .logo {
    display: block;
    inline-size: var(--trig-logo-inline-size);
    overflow: hidden;
  }
  .logo:hover, .logo:focus-visible {
    color: inherit;
  }
  .logo svg {
    block-size: auto;
    display: block;
    fill: currentcolor;
    inline-size: 100%;
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .media-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .media-grid__items {
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-default);
    list-style: none;
  }
  .media-grid__item {
    aspect-ratio: var(--_ratio, 4/3);
    flex-basis: 0;
    flex-grow: calc(var(--_ratio, 4/3));
  }
  .media-grid__image {
    --_border-radius: var(--trig-border-radius-pill);
    block-size: 100%;
    border-end-end-radius: var(--_border-radius);
    inline-size: 100%;
    overflow: hidden;
  }
  .media-grid__image img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .media-grid[data-image-direction=end] .media-grid__image {
    border-radius: 0;
    border-end-start-radius: var(--_border-radius);
  }
  .media-grid[data-column-count="2"] .media-grid__item:nth-child(odd) .media-grid__image {
    border-radius: 0;
    border-end-start-radius: var(--_border-radius);
  }
  .media-grid[data-column-count="2"] .media-grid__item:nth-child(even) .media-grid__image {
    border-radius: 0;
    border-start-start-radius: var(--_border-radius);
  }
  .media-grid[data-column-count="3"] .media-grid__item:nth-child(odd) .media-grid__image {
    border-radius: 0;
    border-start-end-radius: var(--_border-radius);
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  .stack {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .stack[data-stack-density=comfortable] {
    row-gap: var(--trig-spacing-500);
  }
  .media-object {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .media-object__section {
    --_column-first: span 6;
    --_column-last: span 5;
    align-items: center;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .media-object__section {
      --_columns: 12;
    }
  }
  .media-object__section > * {
    grid-column: 1/-1;
  }
  .media-object__image {
    --_border-radius: var(--trig-border-radius-pill);
    align-self: start;
    aspect-ratio: 9/10;
    border-end-end-radius: var(--_border-radius);
    overflow: hidden;
  }
  @container (width < 40rem) {
    .media-object__image {
      max-inline-size: var(--trig-size-200);
    }
  }
  .media-object__image img {
    inline-size: 100%;
  }
  .media-object__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  }
  .media-object__label {
    color: var(--trig-color-on-background-variant);
    font-weight: var(--trig-font-weight-medium);
    margin-block-end: calc(var(--trig-line-height-default) / 2 * -1);
  }
  .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(even) .media-object__image {
    border-end-start-radius: var(--_border-radius);
    border-end-end-radius: 0;
    margin-inline-start: auto;
  }
  @container (width >= 40rem) {
    .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(even) .media-object__body {
      grid-row: 1;
    }
  }
  .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(odd) .media-object__image,
  .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(even) .media-object__body {
    order: 1;
  }
  @container (width >= 40rem) {
    .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(odd) .media-object__image,
    .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(even) .media-object__body {
      grid-column-start: var(--_column-first);
      grid-column-end: auto;
      order: initial;
    }
  }
  @container (width >= 40rem) {
    .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(odd) .media-object__body,
    .media-object:not([data-image-alignment=end]) .media-object__section:nth-child(even) .media-object__image {
      grid-column-start: var(--_column-last);
      grid-column-end: -1;
    }
  }
  .media-object[data-image-alignment=end] .media-object__section:nth-child(odd) .media-object__image {
    border-end-start-radius: var(--_border-radius);
    border-end-end-radius: 0;
    margin-inline-start: auto;
  }
  @container (width >= 40rem) {
    .media-object[data-image-alignment=end] .media-object__section:nth-child(odd) .media-object__body {
      grid-row: 1;
    }
  }
  .media-object[data-image-alignment=end] .media-object__section:nth-child(odd) .media-object__image,
  .media-object[data-image-alignment=end] .media-object__section:nth-child(even) .media-object__body {
    order: 1;
  }
  @container (width >= 40rem) {
    .media-object[data-image-alignment=end] .media-object__section:nth-child(odd) .media-object__image,
    .media-object[data-image-alignment=end] .media-object__section:nth-child(even) .media-object__body {
      grid-column-start: var(--_column-first);
      grid-column-end: -1;
      order: initial;
    }
  }
  @container (width >= 40rem) {
    .media-object[data-image-alignment=end] .media-object__section:nth-child(odd) .media-object__body,
    .media-object[data-image-alignment=end] .media-object__section:nth-child(even) .media-object__image {
      grid-column-start: var(--_column-last);
      grid-column-end: auto;
    }
  }
  .media-object[data-image-orientation=landscape] .media-object__section {
    --_column-first: span 7;
    --_column-last: span 4;
  }
  .media-object[data-image-orientation=landscape] .media-object__image {
    aspect-ratio: 4/3;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6, .navigation-menu__heading {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .navigation-menu {
    --_padding-block: 0.25em;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: var(--trig-spacing-micro);
  }
  .navigation-menu__list {
    align-items: inherit;
    display: inherit;
    flex-direction: inherit;
    flex-wrap: inherit;
    gap: inherit;
    justify-content: inherit;
    list-style: none;
  }
  .navigation-menu__list a,
  .navigation-menu__list button {
    align-items: center;
    column-gap: 0.5em;
    display: inline-flex;
  }
  .navigation-menu__list a:not([class]) {
    border-block: var(--trig-border-width-200) solid transparent;
    padding-block: var(--_padding-block);
    text-decoration: none;
  }
  .navigation-menu__list a:not([class]):hover, .navigation-menu__list a:not([class]):focus-visible {
    border-block-end-color: currentcolor;
  }
  .navigation-menu__list a:not([class])[aria-current=page] {
    border-block-end-color: var(--trig-color-accent-variant-soft, var(--trig-color-accent));
  }
  .navigation-menu__list a:not([class]) svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
    order: -1;
  }
  .navigation-menu__heading {
    --trig-font-family-heading: initial;
    --trig-font-weight-heading: initial;
    line-height: inherit;
    margin-block-end: var(--_padding-block);
  }
  .navigation-menu--inline {
    align-items: center;
    column-gap: var(--trig-spacing-400);
    flex-flow: row wrap;
    row-gap: 0.5em;
  }
  .navigation-menu--inline .navigation-menu__heading {
    flex-basis: 100%;
    margin-block-end: 0;
  }
  .navigation-menu--inline .navigation-menu__list {
    flex-grow: 1;
  }
  .navigation-menu--inline .navigation-menu__list a.button {
    padding-block: 0.3em;
    padding-inline: 0.9em;
  }
  .navigation-menu--inline .navigation-menu__list-item:has(a[href*="karakters.be"]) {
    margin-inline-start: auto;
  }
  .navigation-modal {
    background-color: var(--trig-color-accent);
    block-size: 100vb;
    color: var(--trig-color-on-accent);
    inline-size: 100vi;
    inset: 0;
    max-block-size: none;
    max-inline-size: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    scrollbar-width: thin;
    z-index: var(--trig-z-index-dialog);
  }
  .navigation-modal a:hover, .navigation-modal a:focus-visible,
  .navigation-modal button:hover,
  .navigation-modal button:focus-visible {
    color: var(--trig-color-on-accent-focus);
  }
  .navigation-modal__wrapper,
  .navigation-modal__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: var(--trig-spacing-500);
  }
  .navigation-modal__body {
    flex: 0 1 auto;
    min-block-size: 0;
  }
  .navigation-modal__navigation-menu {
    flex: 0 0 auto;
  }
  .navigation-modal__wrapper {
    padding-block: var(--trig-site-header-padding-block);
    padding-inline: var(--trig-site-header-padding-inline);
  }
  .navigation-modal__header {
    align-items: center;
    column-gap: var(--trig-spacing-300);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .navigation-modal__logo {
    flex-shrink: 0;
  }
  .navigation-modal__languages {
    align-self: stretch;
    color: var(--trig-color-on-accent);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    inline-size: 100%;
    margin-block-start: var(--trig-spacing-400);
    padding-block-start: var(--trig-spacing-400);
    border-block-start: 1px solid hsla(0, 0%, 100%, 0.22);
    text-align: start;
    /* Nested so link/focus colors beat `.navigation-modal a:hover` (single-class + element). */
  }
  .navigation-modal__languages a.navigation-modal__language,
  .navigation-modal__languages span.navigation-modal__language--current {
    color: var(--trig-color-on-accent);
    display: block;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    opacity: 0.9;
    padding-block: var(--trig-spacing-nano);
    text-align: inherit;
    text-decoration: none;
    text-transform: uppercase;
  }
  .navigation-modal__languages a.navigation-modal__language:hover, .navigation-modal__languages a.navigation-modal__language:focus-visible {
    color: var(--trig-color-on-accent-focus);
    opacity: 1;
    text-decoration: underline;
  }
  .navigation-modal__languages span.navigation-modal__language--current {
    cursor: default;
    font-weight: 700;
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  .navigation-modal__languages-list {
    align-content: flex-start;
    align-items: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--trig-spacing-micro);
    inline-size: 100%;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    min-block-size: 0;
    padding: 0;
  }
  .navigation-modal__languages-item {
    flex: 0 0 auto;
    margin: 0;
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1, .page-title {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6 {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .pagination__list {
    align-items: center;
    column-gap: 0.875em;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
  }
  .pagination__list-item a {
    text-decoration: none;
  }
  .pagination__list-item a:hover, .pagination__list-item a:focus-visible, .pagination__list-item a[aria-current=page] {
    color: var(--trig-color-accent);
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .pagination__list-item a[aria-current=page], .pagination__list-item a[aria-disabled=true] {
    cursor: default;
    pointer-events: none;
  }
  .pagination__list-item a[aria-disabled=true] {
    opacity: 0.3;
  }
  .pagination__list-item--indicator svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    inline-size: var(--_size);
  }
  .button {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  .button:hover, .button:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .button:hover span, .button:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .button svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
  }
  .button[data-icon-alignment=start] {
    flex-direction: row-reverse;
  }
  .button--secondary,
  .button--tertiary,
  .button--quartenary {
    --_background-color: transparent;
  }
  .button--secondary:disabled,
  .button--tertiary:disabled,
  .button--quartenary:disabled {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--trig-color-disabled);
  }
  .button--secondary,
  .button--tertiary {
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .button--secondary {
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
  }
  .button--tertiary,
  .button--quartenary {
    --_color: var(--trig-color-accent-variant-hard);
    border: 0;
  }
  .button--tertiary {
    padding-block: 0.4444444444em;
    padding-inline: 0.8888888889em;
  }
  .button--quartenary {
    --_focus-background-color: transparent;
    --_focus-color: inherit;
    border-radius: 0;
    padding: 0;
  }
  .u-visually-hidden {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .project-type-filter {
    inline-size: 100%;
  }
  .project-type-filter__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--trig-spacing-small);
  }
  .project-type-filter__pills {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--trig-spacing-small);
    min-inline-size: 0;
  }
  .project-type-filter__pill-wrap {
    flex-shrink: 0;
  }
  .project-type-filter__input {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .project-type-filter__pill {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
    --_background-color: transparent;
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
    border-radius: var(--trig-border-radius-pill);
  }
  .project-type-filter__pill:hover, .project-type-filter__pill:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .project-type-filter__pill:hover span, .project-type-filter__pill:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .project-type-filter__pill:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .project-type-filter__pill:hover, .project-type-filter__pill:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .project-type-filter__pill:before {
    display: none;
  }
  .project-type-filter__input:checked + .project-type-filter__pill {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .project-type-filter__reset.button.button {
    --_background-color: transparent;
    --_border-color: transparent;
    --_color: inherit;
    --_focus-border-color: transparent;
    font-weight: inherit;
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .panel--project {
    padding-block: 0;
  }
  .project-content-wrap {
    container-type: inline-size;
    overflow-x: hidden;
    padding-inline: var(--trig-padding-inline-container);
    width: 100%;
  }
  .project-hero-header {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-400);
  }
  .project-hero-header .page-title {
    margin: 0;
  }
  .project-back {
    margin: 0;
  }
  .project-back__link {
    color: var(--trig-color-on-background);
    font-size: 1rem;
    font-weight: var(--trig-font-weight-medium);
    text-decoration: none;
  }
  .project-back__link:hover,
  .project-back__link:focus-visible {
    text-decoration: underline;
    text-underline-offset: var(--trig-text-underline-offset, 0.2em);
  }
  .project-back__icon {
    block-size: 1em;
    color: var(--trig-color-accent);
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: 1em;
    margin-inline-end: var(--trig-spacing-micro);
    vertical-align: -0.15em;
  }
  .project-title-divider {
    border: 0;
    background-color: var(--trig-color-grey-300);
    block-size: 1px;
    margin: 0;
  }
  .project-hero {
    margin-inline: calc(-1 * var(--trig-padding-inline-container));
    position: relative;
    width: calc(100% + 2 * var(--trig-padding-inline-container));
    max-inline-size: 100vw;
    overflow: hidden;
    border-radius: 0;
  }
  .project-hero:after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    block-size: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    pointer-events: none;
    z-index: 1;
  }
  .project-hero .picture,
  .project-hero__image {
    display: block;
    position: relative;
    z-index: 0;
  }
  .project-hero .picture img,
  .project-hero__image img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/2;
    object-fit: cover;
  }
  @media (width >= 60rem) {
    .project-hero .picture img,
    .project-hero__image img {
      aspect-ratio: 2/0.8;
    }
  }
  .hero-cta-overlay {
    position: absolute;
    inset-block-end: var(--trig-spacing-800);
    inset-inline-start: var(--trig-padding-inline-container);
    z-index: var(--trig-z-index-front);
  }
  .hero-cta-overlay .button-group {
    column-gap: var(--trig-spacing-200);
    row-gap: var(--trig-spacing-100);
  }
  .hero-cta-overlay .button--primary {
    --_background-color: var(--trig-color-accent);
    --_color: var(--trig-color-on-accent);
  }
  .hero-cta-overlay .button--secondary {
    --_border-color: var(--trig-color-white-100);
    --_color: var(--trig-color-white-100);
    --_background-color: transparent;
  }
  .hero-cta-overlay .button--secondary:hover, .hero-cta-overlay .button--secondary:focus-visible {
    --_background-color: var(--trig-color-white-100);
    --_color: var(--trig-color-accent);
  }
  .project-facts {
    display: grid;
    gap: var(--trig-spacing-300) var(--trig-spacing-500);
    margin: 0;
  }
  @media (width >= 60rem) {
    .project-facts {
      grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
  }
  .project-facts__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--trig-spacing-200);
  }
  .project-facts__icon {
    flex-shrink: 0;
    color: var(--trig-color-accent);
  }
  .project-facts__icon svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
    fill: currentcolor;
  }
  .project-facts__text {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-micro);
    min-inline-size: 0;
  }
  .project-facts__label {
    font-size: 0.875rem;
    font-weight: var(--trig-font-weight-medium);
    color: var(--trig-color-grey-600);
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .project-facts__value {
    font-size: 1.25rem;
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-medium);
  }
  .project-description,
  .project-use-tenant,
  .project-use-filling {
    background-color: var(--trig-color-background-variant);
    margin-inline: calc(-1 * var(--trig-padding-inline-container));
    padding-inline: var(--trig-padding-inline-container);
    padding-block: var(--trig-spacing-600);
  }
  .project-description {
    padding-block-end: var(--trig-spacing-600);
  }
  .project-description__grid {
    display: grid;
    gap: var(--trig-spacing-500);
    align-items: center;
  }
  @media (width >= 60rem) {
    .project-description__grid {
      grid-template-columns: 1fr 1fr;
      gap: var(--trig-spacing-900);
    }
  }
  .project-description__media {
    order: -1;
  }
  @media (width >= 60rem) {
    .project-description__media {
      order: 0;
    }
  }
  .project-description__content {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-400);
  }
  .project-description__heading {
    margin-block: 0;
  }
  .project-description__body .formatted-text > * + * {
    margin-block-start: var(--trig-spacing-200);
  }
  .project-description__body.formatted-text * {
    font-weight: var(--trig-font-weight-regular);
  }
  .project-description__media--image-grid {
    --_border-radius: 200px;
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: calc(var(--trig-spacing-default) * 1.25) 1fr calc(var(--trig-spacing-default) * 1.25) 1fr;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .project-description__media--image-grid:after {
    aspect-ratio: 1;
    content: "";
    grid-column-end: 1;
    grid-row-start: span 1;
    grid-row-end: -1;
  }
  .project-description__media--image-grid:after {
    --_proportion: 1 / 3;
    background-color: var(--trig-color-on-background-contrast);
    border-bottom-right-radius: 9999px;
    grid-column-start: 3;
    inline-size: 240px;
    inset-block-end: -120px;
    inset-inline-end: -100px;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  @media (width < 60rem) {
    .project-description__media--image-grid:after {
      display: none;
    }
  }
  .project-description__media--image-grid picture {
    aspect-ratio: 2/2;
    border-start-start-radius: 200px;
    grid-column-start: span 1;
    grid-column-end: 1;
    grid-row: 1/-1;
    margin-block-start: auto;
    overflow: hidden;
    z-index: var(--trig-z-index-front);
  }
  .project-description__media--image-grid img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  .project-tile {
    position: relative;
    overflow: hidden;
    border-radius: var(--trig-border-radius-default);
    border-start-start-radius: var(--trig-border-radius-default);
    border-start-end-radius: var(--trig-border-radius-default);
    isolation: isolate;
  }
  .project-tile picture,
  .project-tile .picture,
  .project-tile img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    object-fit: cover;
  }
  .project-tile img {
    border-start-start-radius: var(--trig-border-radius-default);
    border-start-end-radius: var(--trig-border-radius-default);
  }
  .project-tile__shape {
    position: absolute;
    z-index: var(--trig-z-index-root);
    pointer-events: none;
  }
  .project-tile__shape--quarter {
    --_size: min(12rem, 35vw);
    block-size: var(--_size);
    inline-size: var(--_size);
    background-color: var(--trig-color-accent);
    border-start-start-radius: 100%;
    inset-block-end: calc(-1 * var(--_size) / 2);
    inset-inline-end: calc(-1 * var(--_size) / 2);
  }
  .project-tile--decorative .picture,
  .project-tile--decorative picture {
    position: relative;
    z-index: var(--trig-z-index-above);
  }
  .project-tile__shape--left {
    inset-inline-start: calc(-1 * var(--_size, 12rem) / 2);
    inset-inline-end: auto;
    border-start-end-radius: 100%;
    border-start-start-radius: 0;
  }
  .project-tile__shape--right {
    inset-inline-end: calc(-1 * var(--_size, 12rem) / 2);
    inset-inline-start: auto;
    border-start-start-radius: 100%;
    border-start-end-radius: 0;
  }
  .project-tile--accent .project-tile__shape--corner {
    --_size: min(12rem, 35vw);
    block-size: var(--_size);
    inline-size: var(--_size);
    background-color: var(--trig-color-accent);
    border-start-start-radius: 100%;
    inset-block-end: calc(-1 * var(--_size) / 2);
    inset-inline-end: calc(-1 * var(--_size) / 2);
  }
  .project-use-tenant {
    margin-block-start: var(--trig-spacing-600);
    margin-block-end: var(--trig-spacing-600);
    padding-block: var(--trig-spacing-600);
  }
  @media (width < 60rem) {
    .project-use-tenant {
      margin-block-end: 0;
      margin-block-start: 0;
    }
  }
  .project-use-tenant__grid {
    display: grid;
    gap: var(--trig-spacing-500);
    align-items: center;
  }
  @media (width >= 60rem) {
    .project-use-tenant__grid {
      grid-template-columns: 1fr 1fr;
      gap: var(--trig-spacing-600);
    }
  }
  .project-use-tenant__content {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-400);
  }
  .project-use-tenant__heading {
    margin-block: 0;
  }
  .project-use-tenant__intro {
    font-weight: var(--trig-font-weight-regular, 400);
  }
  .project-use-tenant__intro .formatted-text > * + * {
    margin-block-start: var(--trig-spacing-200);
  }
  @media (width >= 60rem) {
    .project-use-tenant__media {
      order: 2;
    }
  }
  .project-use-tenant__media--image-grid {
    --_border-radius: var(--trig-border-radius-pill);
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: calc(var(--trig-spacing-default) * 1.25) 1fr calc(var(--trig-spacing-default) * 1.25) 1fr;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .project-use-tenant__media--image-grid:before, .project-use-tenant__media--image-grid:after {
    aspect-ratio: 1;
    content: "";
    grid-column-end: span 1;
    grid-row-start: span 1;
    grid-row-end: -1;
  }
  .project-use-tenant__media--image-grid:before {
    --_proportion: 4 / 6;
    background-color: var(--trig-color-on-background-variant);
    border-end-start-radius: var(--_border-radius);
    grid-column-start: 2;
    margin-block-start: auto;
    transform: scale(calc(1 + var(--_proportion)));
    transform-origin: 100% 100%;
  }
  .project-use-tenant__media--image-grid:after {
    --_proportion: 1 / 3;
    background-color: var(--trig-color-on-background-contrast);
    border-start-start-radius: var(--_border-radius);
    grid-column-start: 3;
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-end: 0;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .project-use-tenant__media--image-grid picture {
    aspect-ratio: 9/20;
    border-start-start-radius: var(--_border-radius);
    grid-column-start: span 1;
    grid-column-end: -1;
    grid-row: 1/-1;
    margin-block-start: auto;
    overflow: hidden;
  }
  .project-use-tenant__media--image-grid img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  @media (width < 60rem) {
    .project-use-tenant__media--image-grid {
      grid-template-columns: 1fr;
    }
    .project-use-tenant__media--image-grid:before, .project-use-tenant__media--image-grid:after {
      display: none;
    }
    .project-use-tenant__media--image-grid picture {
      aspect-ratio: 1/1;
      grid-column-start: 1;
      grid-column-end: -1;
    }
  }
  .tenant-card {
    background-color: var(--trig-color-white-100);
    border-radius: var(--trig-border-radius-default);
    box-shadow: 0 4px 24px hsla(0, 0%, 0%, 0.08);
    padding: var(--trig-spacing-400);
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    gap: var(--trig-spacing-400);
    align-items: start;
  }
  @media (width < 60rem) {
    .tenant-card {
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr;
    }
  }
  .tenant-card__heading {
    margin-block: 0;
    font-size: 1.75rem;
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-medium);
  }
  .tenant-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-300);
  }
  .tenant-card__item {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-100);
  }
  .tenant-card__item-top {
    display: flex;
    align-items: center;
    gap: var(--trig-spacing-200);
  }
  .tenant-card__icon {
    flex-shrink: 0;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    color: var(--trig-color-on-background-variant);
  }
  .tenant-card__icon img {
    display: block;
    block-size: 100%;
    inline-size: 100%;
    object-fit: contain;
  }
  .tenant-card__label {
    font-size: 1.25rem;
    font-weight: var(--trig-font-weight-semibold);
    color: var(--trig-color-on-background);
  }
  .tenant-card__text {
    padding-inline-start: calc(1.25rem + var(--trig-spacing-200));
    font-size: 1.125rem;
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-regular);
  }
  .project-use-filling {
    margin-block-start: var(--trig-spacing-600);
    margin-block-end: var(--trig-spacing-900);
    padding-block: var(--trig-spacing-600);
  }
  @media (width < 60rem) {
    .project-use-filling {
      margin-block-start: 0;
      margin-block-end: 0;
    }
  }
  .project-use-filling__grid {
    display: grid;
    gap: var(--trig-spacing-500);
    align-items: start;
  }
  @media (width >= 60rem) {
    .project-use-filling__grid {
      grid-template-columns: 1fr 1fr;
      gap: var(--trig-spacing-600);
    }
  }
  .project-use-filling__media {
    order: -1;
  }
  @media (width >= 60rem) {
    .project-use-filling__media {
      order: 0;
    }
  }
  .project-use-filling__content {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-400);
  }
  .project-use-filling__heading {
    margin-block: 0;
  }
  .project-use-filling__intro {
    margin: 0;
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-regular);
  }
  .project-use-filling__media--image-grid {
    --_border-radius: 200px;
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: calc(var(--trig-spacing-default) * 1.25) 1fr calc(var(--trig-spacing-default) * 1.25) 1fr;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .project-use-filling__media--image-grid:after {
    aspect-ratio: 1;
    content: "";
    grid-column-end: 1;
    grid-row-start: span 1;
    grid-row-end: -1;
  }
  .project-use-filling__media--image-grid:after {
    --_proportion: 1 / 3;
    background-color: var(--trig-color-on-background-contrast);
    border-bottom-right-radius: 9999px;
    grid-column-start: 3;
    inline-size: 240px;
    inset-block-end: -120px;
    inset-inline-end: -100px;
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  @media (width < 60rem) {
    .project-use-filling__media--image-grid:after {
      display: none;
    }
  }
  .project-use-filling__media--image-grid picture {
    aspect-ratio: 2/2;
    border-start-end-radius: 200px;
    grid-column-start: span 1;
    grid-column-end: 1;
    grid-row: 1/-1;
    margin-block-start: auto;
    overflow: hidden;
    z-index: var(--trig-z-index-front);
  }
  .project-use-filling__media--image-grid img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  .use-filling-card {
    background-color: var(--trig-color-white-100);
    border-radius: var(--trig-border-radius-default);
    box-shadow: 0 4px 24px hsla(0, 0%, 0%, 0.08);
    padding: var(--trig-spacing-400);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .use-filling-card__block {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--trig-spacing-400);
    align-items: start;
    padding-block: var(--trig-spacing-300);
  }
  @media (width < 60rem) {
    .use-filling-card__block {
      grid-template-columns: 1fr;
    }
  }
  .use-filling-card__block:not(:last-child) {
    border-block-end: 1px solid var(--trig-color-grey-200);
  }
  .use-filling-card__block:first-child {
    padding-block-start: 0;
  }
  .use-filling-card__block:last-child {
    padding-block-end: 0;
  }
  .use-filling-card__title {
    margin: 0;
    font-size: 1.75rem;
    font-weight: var(--trig-font-weight-medium);
    color: var(--trig-color-on-background);
    grid-column: 1;
  }
  .use-filling-card__text {
    margin: 0;
    font-size: 1.125rem;
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-regular);
    grid-column: 2;
  }
  @media (width < 60rem) {
    .use-filling-card__text {
      grid-column: 1;
    }
  }
  .use-filling-card__text .formatted-text > * + * {
    margin-block-start: var(--trig-spacing-100);
  }
  .panel--long-term {
    border-start-start-radius: var(--trig-border-radius-large);
    border-start-end-radius: var(--trig-border-radius-large);
    overflow: hidden;
    padding-block: var(--trig-spacing-700);
    padding-inline: var(--trig-padding-inline-container);
  }
  .project-long-term {
    container-type: inline-size;
    display: grid;
    gap: var(--trig-spacing-500);
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: var(--trig-size-800, 70rem);
    min-width: 0;
    padding-inline: 0;
  }
  @media (width >= 60rem) {
    .project-long-term {
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: var(--trig-spacing-600);
    }
  }
  .project-long-term__heading {
    color: inherit;
    margin: 0;
    min-width: 0;
  }
  @media (width < 60rem) {
    .project-long-term__heading {
      font-size: 1.75rem;
    }
  }
  .project-long-term__body {
    margin: 0;
    min-width: 0;
    color: inherit;
    overflow-wrap: break-word;
  }
  .project-long-term__body .formatted-text > * + * {
    margin-block-start: var(--trig-spacing-200);
  }
  .project-contact {
    --contact-bg-image: none;
    position: relative;
    background-color: var(--trig-color-on-background-contrast, var(--trig-color-blue-dark-600));
    background-image: var(--contact-bg-image);
    background-size: cover;
    background-position: center;
    padding-block: var(--trig-spacing-700);
    max-inline-size: 100vw;
    box-sizing: border-box;
    padding-inline: var(--trig-padding-inline-container);
    color: var(--trig-color-white-100);
  }
  .project-contact:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(17, 21, 54, 0.4), rgba(17, 21, 54, 0.4)), linear-gradient(116.41deg, rgba(0, 0, 0, 0) 17.56%, rgba(0, 0, 0, 0.7) 66.59%);
    pointer-events: none;
  }
  .project-contact__inner {
    container-type: inline-size;
    inline-size: 100%;
    min-width: 0;
    padding-inline: 0;
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .project-contact__heading {
    margin-block-end: var(--trig-spacing-500);
    color: inherit;
  }
  .project-contact__grid {
    display: grid;
    gap: var(--trig-spacing-600);
  }
  @media (width >= 60rem) {
    .project-contact__grid {
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: var(--trig-spacing-700);
    }
  }
  .project-contact__form-panel {
    background-color: var(--trig-color-white-100);
    color: var(--trig-color-on-background);
    border-radius: var(--trig-border-radius-default, 2rem);
    box-shadow: 0 8px 40px hsla(0, 0%, 0%, 0.15);
    padding: var(--trig-spacing-500);
  }
  .project-contact__form-panel :is(h1, h2, h3, h4, h5, h6) {
    color: var(--trig-color-on-background);
  }
  .project-contact__fallback {
    margin: 0;
    font-size: 0.875rem;
    color: var(--trig-color-grey-600);
  }
  .project-contact__details {
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-300);
    color: inherit;
    max-width: 28rem;
    margin-left: auto;
  }
  .project-contact__intro {
    margin-block-end: var(--trig-spacing-200);
    font-weight: var(--trig-font-weight-regular);
    font-size: 1.5rem;
  }
  .project-contact__intro .formatted-text {
    color: inherit;
  }
  .project-contact__intro a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: var(--trig-text-underline-offset, 0.2em);
  }
  .project-contact__intro a:hover, .project-contact__intro a:focus-visible {
    opacity: 0.9;
  }
  .project-contact__line {
    display: flex;
    align-items: center;
    gap: var(--trig-spacing-200);
    margin: 0;
    font-weight: var(--trig-font-weight-medium);
    font-size: 1.125rem;
  }
  .project-contact__line a {
    color: inherit;
    text-decoration: none;
  }
  .project-contact__line a:hover, .project-contact__line a:focus-visible {
    text-decoration: underline;
    text-underline-offset: var(--trig-text-underline-offset, 0.2em);
  }
  .project-contact__icon {
    flex-shrink: 0;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    opacity: 0.9;
  }
  .project-contact__icon svg {
    display: block;
    block-size: 100%;
    inline-size: 100%;
    fill: currentcolor;
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .site-footer {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
    background-color: var(--trig-color-background-variant);
    display: flex;
    flex-direction: column;
    padding-block: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    row-gap: var(--trig-spacing-500);
  }
  .site-footer :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    --trig-font-family-heading: initial;
    --trig-font-weight-heading: initial;
  }
  .site-footer address {
    color: var(--trig-color-accent-variant-soft);
  }
  @media (width >= 50rem) {
    .site-footer {
      column-gap: var(--trig-spacing-700);
      flex-flow: row wrap;
    }
  }
  @media (width >= 90rem) {
    .site-footer {
      justify-content: space-between;
    }
  }
  .site-footer__section {
    flex-basis: 100%;
  }
  @media (width >= 90rem) {
    .site-footer__section {
      flex-basis: auto;
      max-inline-size: var(--trig-size-200);
    }
  }
  @media (width >= 90rem) {
    .site-footer__navigation-menu {
      max-inline-size: var(--trig-size-100);
    }
  }
  .site-footer__navigation-menu.navigation-menu--inline {
    border-block-start: var(--trig-border-width-100) solid var(--trig-color-accent-variant-soft, var(--trig-color-accent));
    font-size: 0.875rem;
    padding-block-start: var(--trig-spacing-200);
  }
  @media (width >= 50rem) {
    .site-footer__navigation-menu.navigation-menu--inline {
      flex-basis: 100%;
    }
  }
  @media (width >= 90rem) {
    .site-footer__navigation-menu.navigation-menu--inline {
      max-inline-size: none;
    }
  }
  .site-footer__navigation-menu.navigation-menu--inline .navigation-menu__heading {
    flex-basis: auto;
    font-size: inherit;
    font-weight: inherit;
  }
  :root {
    --trig-site-header-block-size: clamp(3.5rem, 3rem + 2.2222222222vw, 5rem);
    --trig-site-header-padding-block: clamp(1rem, 0.9166666667rem + 0.3703703704vw, 1.25rem);
    --trig-site-header-padding-inline: clamp(1.25rem, 0.5rem + 3.3333333333vw, 3.5rem);
  }
  @media (width >= 70rem) {
    :root {
      --trig-site-header-margin: var(--trig-spacing-micro);
      --trig-site-header-offset: calc(var(--trig-site-header-block-size) + (var(--trig-site-header-margin) * 2));
    }
  }
  .site-header {
    align-items: center;
    background-color: var(--trig-color-background-site-header, var(--trig-color-background));
    block-size: var(--trig-site-header-block-size);
    color: var(--trig-color-on-background-site-header, var(--trig-color-on-background));
    column-gap: var(--trig-spacing-600);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-block: var(--trig-site-header-padding-block);
    padding-inline: var(--trig-site-header-padding-inline);
  }
  @media (width >= 70rem) {
    .site-header {
      border-radius: var(--trig-border-radius-micro);
      inset-block-start: var(--trig-site-header-margin);
      margin: var(--trig-site-header-margin);
      position: sticky;
      z-index: var(--trig-z-index-site-header);
    }
  }
  @media (width >= 100rem) {
    .site-header {
      margin-inline: calc(var(--trig-padding-inline-container) - var(--trig-site-header-padding-inline));
    }
  }
  .site-header__logo {
    flex-shrink: 0;
  }
  @media (width >= 70rem) {
    .site-header > .icon[data-dialog],
    .site-header__navigation-modal {
      display: none;
    }
  }
  .site-header__navigation-menu {
    flex-wrap: nowrap;
    margin-inline-start: auto;
    overflow-x: auto;
    padding-block: inherit;
    scrollbar-width: thin;
    text-align: end;
    white-space: nowrap;
  }
  @media (width < 70rem) {
    .site-header__navigation-menu {
      display: none;
    }
  }
  /* Only the header chrome — not e.g. a misplaced copy inside another subtree */
  .site-header > .site-header__languages {
    flex-shrink: 0;
    margin-inline-start: var(--trig-spacing-300);
  }
  @media (width < 70rem) {
    .site-header > .site-header__languages {
      display: none;
    }
  }
  .site-header__languages-disclosure {
    position: relative;
  }
  .site-header__languages-disclosure:focus {
    outline: none;
  }
  .site-header__languages-disclosure:focus-visible {
    outline: 2px solid var(--trig-color-purple-700);
    outline-offset: 2px;
  }
  .site-header__languages-summary {
    align-items: center;
    border-radius: var(--trig-border-radius-micro, 0.25rem);
    column-gap: 0.35em;
    cursor: default;
    display: inline-flex;
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    user-select: none;
  }
  .site-header__languages-disclosure:hover .site-header__languages-summary-code,
  .site-header__languages-disclosure:focus-visible .site-header__languages-summary-code {
    text-decoration: underline;
  }
  .site-header__languages-summary-code {
    color: var(--trig-color-purple-700);
  }
  .site-header__languages-chevron {
    block-size: 0.55em;
    color: inherit;
    flex-shrink: 0;
    inline-size: 0.55em;
    opacity: 0.75;
    transition: transform 0.15s ease;
  }
  .site-header__languages-disclosure:hover .site-header__languages-chevron, .site-header__languages-disclosure:focus-within .site-header__languages-chevron {
    transform: rotate(180deg);
  }
  @media (prefers-reduced-motion: reduce) {
    .site-header__languages-chevron {
      transition: none;
    }
  }
  .site-header__languages-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .site-header__languages-list--panel {
    background-color: var(--trig-color-background-site-header, var(--trig-color-background));
    border-radius: var(--trig-border-radius-micro, 0.25rem);
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    gap: var(--trig-spacing-100);
    inset-block-start: 100%;
    inset-inline-end: 0;
    /* No margin here — margin is not part of the hit area, so the pointer “falls through” and hover closes the menu. */
    margin-block-start: 0;
    min-inline-size: 6.5rem;
    opacity: 0;
    padding-block: var(--trig-spacing-200);
    padding-inline: var(--trig-spacing-300);
    pointer-events: none;
    position: absolute;
    transform: translateY(-0.25rem);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s;
    visibility: hidden;
    z-index: calc(var(--trig-z-index-site-header) + 2);
    /* Invisible wedge above the box: keeps :hover on the disclosure while moving from trigger to links. */
  }
  .site-header__languages-list--panel::before {
    content: "";
    block-size: var(--trig-spacing-200);
    inset-inline: 0;
    /* `bottom: 100%` = flush under trigger; wedge extends upward into the old “gap” zone */
    bottom: 100%;
    pointer-events: auto;
    position: absolute;
  }
  .site-header__languages-disclosure:hover .site-header__languages-list--panel, .site-header__languages-disclosure:focus-within .site-header__languages-list--panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }
  @media (prefers-reduced-motion: reduce) {
    .site-header__languages-list--panel {
      transition: none;
    }
  }
  .site-header__languages-item {
    margin: 0;
  }
  .site-header__language {
    color: inherit;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0.04em;
    opacity: 0.85;
    text-decoration: none;
    text-transform: uppercase;
  }
  .site-header__language:hover, .site-header__language:focus-visible {
    opacity: 1;
    text-decoration: underline;
  }
  .site-header__language--current {
    color: var(--trig-color-purple-700);
    cursor: default;
    font-weight: 700;
    opacity: 1;
  }
  .site-header__language--current:hover {
    text-decoration: none;
  }
  .button {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
  }
  .button:hover, .button:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  .button:hover span, .button:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .button:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  .button svg {
    --_size: 1em;
    block-size: var(--_size);
    display: block;
    fill: currentcolor;
    flex-shrink: 0;
    inline-size: var(--_size);
  }
  .button[data-icon-alignment=start] {
    flex-direction: row-reverse;
  }
  .button--secondary,
  .button--tertiary,
  .button--quartenary {
    --_background-color: transparent;
  }
  .button--secondary:disabled,
  .button--tertiary:disabled,
  .button--quartenary:disabled {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--trig-color-disabled);
  }
  .button--secondary,
  .button--tertiary {
    --_focus-background-color: var(--trig-color-accent-focus);
    --_focus-color: var(--trig-color-on-accent-focus);
  }
  .button--secondary {
    --_border-color: var(--trig-color-accent);
    --_color: inherit;
  }
  .button--tertiary,
  .button--quartenary {
    --_color: var(--trig-color-accent-variant-hard);
    border: 0;
  }
  .button--tertiary {
    padding-block: 0.4444444444em;
    padding-inline: 0.8888888889em;
  }
  .button--quartenary {
    --_focus-background-color: transparent;
    --_focus-color: inherit;
    border-radius: 0;
    padding: 0;
  }
  a[href="#main"] {
    --_background-color: var(--trig-color-accent);
    --_border-color: transparent;
    --_border-width: var(--trig-border-width-200);
    --_color: var(--trig-color-on-accent);
    --_focus-border-color: var(--trig-color-accent-focus-outline);
    --_padding-block: calc((1em / 3) * 2);
    align-items: center;
    background-color: var(--_background-color);
    border: var(--_border-width) solid var(--_border-color);
    border-radius: var(--trig-border-radius-default);
    color: var(--_color);
    column-gap: var(--_padding-block);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--trig-font-weight-medium);
    justify-content: center;
    line-height: var(--trig-line-height-300);
    padding-block: calc(var(--_padding-block) - var(--_border-width));
    padding-inline: calc(1.25em - var(--_border-width));
    text-decoration: none;
    inset-block-end: 100%;
    inset-inline-start: 0;
    margin: var(--trig-spacing-100);
    position: absolute;
    white-space: nowrap;
    z-index: var(--trig-z-index-below);
  }
  a[href="#main"]:hover, a[href="#main"]:focus-visible {
    --_outline-color: var(--_focus-border-color, var(--_border-color));
    background-color: var(--_focus-background-color, var(--_background-color));
    border-color: var(--_focus-border-color, var(--_border-color));
    color: var(--_focus-color, var(--_color));
  }
  a[href="#main"]:hover span, a[href="#main"]:focus-visible span {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  a[href="#main"]:disabled {
    background-color: var(--trig-color-disabled);
    color: var(--trig-color-on-disabled);
    cursor: default;
    pointer-events: none;
  }
  a[href="#main"]:focus-visible {
    inset-block-start: 0;
    inset-block-end: auto;
    z-index: var(--trig-z-index-skip-link);
  }
  .tag-group {
    column-gap: 0.875em;
    display: flex;
    flex-flow: row wrap;
    row-gap: 0.5em;
  }
  .tag {
    color: var(--trig-color-on-background-variant);
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6, .tile__heading {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .tile {
    --_outline-color: var(--trig-color-on-background);
    background-color: var(--trig-color-on-background-variant);
    color: var(--trig-color-background);
    display: block;
    max-inline-size: var(--trig-size-300);
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .tile__image {
    aspect-ratio: 4/5;
    overflow: hidden;
  }
  .tile__image img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .tile__heading {
    --_padding: var(--trig-spacing-200);
    --_padding-inline-end: calc(var(--_padding) * 2);
    backdrop-filter: blur(10px);
    border-start-end-radius: 6em;
    color: inherit;
    inline-size: calc(100% - var(--_padding-inline-end));
    inset-block-end: 0;
    inset-inline-start: 0;
    margin-inline-end: var(--_padding-inline-end);
    padding: var(--_padding);
    padding-inline-end: var(--_padding-inline-end);
    position: absolute;
    z-index: var(--trig-z-index-above);
  }
  .tile--quote {
    aspect-ratio: 4/5;
    background-color: var(--trig-color-accent);
    color: var(--trig-color-on-accent-contrast);
    padding: clamp(1.25rem, 0.6666666667rem + 2.5925925926vw, 3rem);
    padding-block-end: var(--trig-spacing-200);
    text-decoration: none;
  }
  .tile--quote .tile__quote {
    block-size: 100%;
    display: flex;
    flex-direction: column;
  }
  .tile--quote .tile__source {
    color: var(--trig-color-on-accent);
    font-weight: var(--trig-font-weight-medium);
    margin-block-start: auto;
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .timeline__controls {
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    margin-block-end: var(--trig-spacing-600);
    overflow-x: auto;
    scrollbar-width: thin;
    white-space: nowrap;
  }
  .timeline__controls:before, .timeline__controls:after {
    block-size: 1px;
    content: "";
    display: block;
    flex-shrink: 0;
    inline-size: var(--trig-padding-inline-container);
  }
  .timeline__controls li {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .timeline__control {
    --_inactive-color: var(--trig-color-grey-300);
    --_padding-block-end: var(--trig-spacing-100);
    display: block;
    font-size: 1.25rem;
    font-weight: var(--trig-font-weight-medium);
    margin-block-end: var(--_padding-block-end);
    padding-block-end: var(--_padding-block-end);
    padding-inline: var(--trig-spacing-small);
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .timeline__control:hover, .timeline__control:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: var(--trig-text-decoration-thickness);
    text-underline-offset: var(--trig-text-underline-offset);
  }
  .timeline__control[aria-selected=true] {
    --_selected-color: var(--trig-color-accent);
    color: var(--_selected-color);
  }
  .timeline__control:before, .timeline__control:after {
    content: "";
    display: block;
    inset-block-start: 100%;
    position: absolute;
  }
  .timeline__control:before {
    background-color: var(--_inactive-color);
    block-size: var(--trig-border-width-300);
    inline-size: 100%;
    inset-inline-start: 0;
    margin-block-start: calc(var(--_padding-block-end) / 2);
    transform: translateY(-50%);
  }
  .timeline__controls li:first-child .timeline__control:before, .timeline__controls li:last-child .timeline__control:before {
    inline-size: 50%;
  }
  .timeline__controls li:first-child .timeline__control:before {
    inset-inline-start: 50%;
  }
  .timeline__control:after {
    --_size: var(--_padding-block-end);
    background-color: var(--_selected-color, var(--_inactive-color));
    block-size: var(--_size);
    border-radius: var(--trig-border-radius-round);
    inline-size: var(--_size);
    inset-inline-start: 50%;
    pointer-events: none;
    transform: translateX(-50%);
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: var(--trig-color-on-background-variant);
    font-family: var(--trig-font-family-heading, inherit);
    font-weight: var(--trig-font-weight-heading, var(--trig-font-weight-medium));
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) strong {
    color: var(--trig-color-on-background-contrast, currentcolor);
    font-weight: inherit;
  }
  h1, .h1 {
    font-size: clamp(3.125rem, 2.8333333333rem + 1.2962962963vw, 4rem);
    line-height: var(--trig-line-height-100);
  }
  h2, .h2 {
    font-size: clamp(2.5rem, 2.2916666667rem + 0.9259259259vw, 3.125rem);
    line-height: var(--trig-line-height-100);
  }
  h3, .h3, .value-block__value {
    font-size: clamp(1.75rem, 1.5rem + 1.1111111111vw, 2.5rem);
    line-height: var(--trig-line-height-200);
  }
  h4, .h4 {
    font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
    line-height: var(--trig-line-height-200);
  }
  h5, .h5 {
    font-size: clamp(1.375rem, 1.3333333333rem + 0.1851851852vw, 1.5rem);
    line-height: var(--trig-line-height-300);
  }
  h6, .h6, .value-block__heading {
    font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
    line-height: var(--trig-line-height-300);
  }
  .h7 {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--trig-line-height-300);
  }
  .value-block,
  .value-block__items,
  .value-block__item {
    display: flex;
    flex-direction: column;
  }
  .value-block {
    --_background-color: var(--trig-color-purple-200);
    background-color: var(--_background-color);
    border-radius: var(--trig-border-radius-small);
    color: var(--trig-color-blue-dark-600);
    max-inline-size: var(--trig-size-400);
    overflow: hidden;
    padding: var(--trig-spacing-200);
    row-gap: var(--trig-spacing-small);
  }
  .value-block__items {
    row-gap: var(--trig-spacing-200);
  }
  .value-block__item {
    row-gap: var(--trig-spacing-micro);
  }
  .value-block__heading {
    color: inherit;
  }
  .value-block__label,
  .value-block__value {
    font-weight: var(--trig-font-weight-medium);
  }
  .value-block:has(.value-block__heading) {
    row-gap: var(--trig-spacing-500);
  }
  .value-block:has(.value-block__heading) .value-block__item {
    flex-direction: column-reverse;
  }
  .value-block:has(.value-block__heading) .value-block__label {
    font-weight: inherit;
  }
  .value-block[data-color-scheme=dark] {
    background-color: var(--trig-color-blue-dark-600);
    color: var(--trig-color-white-100);
  }
  .value-block[data-color-scheme=dark] .value-block__value {
    color: var(--trig-color-purple-400);
  }
  .value-block[data-color-scheme=light] {
    background-color: var(--trig-color-peach-600);
  }
  .value-block[data-color-scheme=primary] {
    background-color: var(--trig-color-purple-700);
    color: var(--trig-color-white-100);
  }
  @container (width >= 70rem) {
    .value-block[data-border-position=start-start], .value-block[data-border-position=end-start] {
      padding-inline-start: 40%;
      text-align: end;
    }
    .value-block[data-border-position=start-start] {
      border-start-start-radius: var(--trig-border-radius-pill);
      justify-content: end;
    }
    .value-block[data-border-position=end-end] {
      border-end-end-radius: var(--trig-border-radius-pill);
      padding-inline-end: 40%;
    }
    .value-block[data-border-position=end-start] {
      border-end-start-radius: var(--trig-border-radius-pill);
    }
  }
  .value-block--donut-chart .value-block__item,
  .value-block--percentage-bars .value-block__item {
    flex-direction: row !important;
  }
  .value-block--donut-chart .value-block__value,
  .value-block--percentage-bars .value-block__value {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  .value-block--donut-chart .value-block__chart {
    aspect-ratio: 1;
    background: radial-gradient(circle closest-side, var(--_background-color) 0, var(--_background-color) 70%, transparent 70%, transparent 100%, var(--_background-color) 0), var(--trig-chart-gradient);
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: var(--trig-size-200);
  }
  .value-block--donut-chart .value-block__item {
    column-gap: var(--trig-spacing-200);
    flex-wrap: nowrap;
  }
  .value-block--donut-chart .value-block__item:before {
    background-color: var(--trig-color-white-100);
    block-size: 1.5em;
    border-radius: var(--trig-border-radius-pill);
    content: "";
    flex-shrink: 0;
    inline-size: 2em;
  }
  .value-block--donut-chart .value-block__item:nth-child(1):before {
    background-color: var(--trig-chart-color-1);
  }
  .value-block--donut-chart .value-block__item:nth-child(2):before {
    background-color: var(--trig-chart-color-2);
  }
  .value-block--donut-chart .value-block__item:nth-child(3):before {
    background-color: var(--trig-chart-color-3);
  }
  .value-block--donut-chart .value-block__item:nth-child(4):before {
    background-color: var(--trig-chart-color-4);
  }
  .value-block--donut-chart .value-block__item:nth-child(5):before {
    background-color: var(--trig-chart-color-5);
  }
  .value-block--donut-chart .value-block__value {
    margin-inline-start: auto;
  }
  .value-block--percentage-bars .value-block__item {
    --_padding-block-end: 2em;
    column-gap: var(--trig-spacing-default);
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block-end: var(--_padding-block-end);
    position: relative;
    z-index: var(--trig-z-index-root);
  }
  .value-block--percentage-bars .value-block__item:before, .value-block--percentage-bars .value-block__item:after {
    content: "";
  }
  .value-block--percentage-bars .value-block__item:before {
    background-color: var(--trig-color-white-100);
    inline-size: 100%;
    z-index: var(--trig-z-index-above);
  }
  .value-block--percentage-bars .value-block__item:after {
    flex-basis: 100%;
  }
  .value-block--percentage-bars .value-block__item:before,
  .value-block--percentage-bars .value-block__indicator {
    border-radius: var(--trig-border-radius-pill);
    block-size: var(--_padding-block-end);
    inset-block-end: 0;
    inset-inline-start: 0;
    position: absolute;
  }
  .value-block--percentage-bars .value-block__indicator {
    background-color: var(--trig-color-purple-600);
    min-inline-size: var(--_padding-block-end);
    z-index: var(--trig-z-index-front);
  }
  :root {
    --trig-padding-inline-container: clamp(1.5rem, 0.6666666667rem + 3.7037037037vw, 4rem);
  }
  @media (width >= 90rem) {
    :root {
      --trig-inline-size-max: 90rem;
      --trig-padding-inline-container-min: var(--trig-spacing-600);
      --trig-padding-inline-container: max(
        var(--trig-padding-inline-container-min),
        calc((100vi - var(--trig-inline-size-max)) / 2)
      );
    }
  }
  .container {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .column-grid__items {
    list-style: none;
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .column-grid__items {
      --_columns: 12;
    }
  }
  .column-grid__items > * {
    grid-column: 1/-1;
  }
  @container (width >= 40rem) {
    .column-grid__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  }
  @container (width >= 80rem) {
    .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 40rem) {
    .column-grid__items > * > * {
      max-inline-size: none;
    }
  }
  @supports (grid-template-rows: masonry) {
    .column-grid[data-display-mode=masonry] .column-grid__items {
      grid-template-rows: masonry;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  @container (width >= 40rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 80rem) {
    .column-grid[data-grid-columns="3/4"] .column-grid__items > * {
      grid-column-end: span 3;
    }
  }
  .value-list {
    container-type: inline-size;
    inline-size: 100%;
    padding-inline: var(--trig-padding-inline-container);
  }
  .value-list__items {
    --_row-gap: clamp(2.5rem, 2rem + 2.2222222222vw, 4rem);
    column-gap: var(--trig-spacing-default);
    display: grid;
    grid-template-columns: repeat(var(--_columns, 6), minmax(0, 1fr));
    grid-template-rows: auto;
    justify-content: center;
    row-gap: var(--_row-gap);
  }
  @container (width >= 40rem) {
    .value-list__items {
      --_columns: 12;
    }
  }
  .value-list__items > * {
    grid-column: 1/-1;
  }
  .value-list__items {
    gap: var(--trig-spacing-default);
  }
  @container (width >= 40rem) {
    .value-list__items > * {
      grid-column-start: auto;
      grid-column-end: span 6;
      grid-row-end: span 2;
      max-inline-size: none;
    }
  }
  @container (width >= 70rem) {
    .value-list__items > * {
      grid-column-end: span 4;
    }
  }
  @container (width >= 70rem) {
    .value-list__value-block[data-block-format=large], .value-list__value-block[data-block-format=long] {
      grid-column-end: span 6;
    }
    .value-list__value-block[data-block-format=long], .value-list__value-block[data-block-format=small] {
      grid-row-end: span 1;
    }
    .value-list__value-block[data-block-format=small] {
      grid-column-end: span 3;
    }
  }
  .breadcrumbs {
    margin: 32px 0;
    font-size: 18px;
  }
  .breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .breadcrumbs__item:after {
    content: "/";
    margin-left: 3px;
  }
  .breadcrumbs__item--current:after {
    content: "";
  }
  .breadcrumbs__link {
    color: var(--trig-color-grey-600);
    text-decoration: none;
  }
  .breadcrumbs__link:hover,
  .breadcrumbs__link:focus-visible {
    color: var(--trig-color-on-background);
  }
  .breadcrumbs__item--current {
    color: var(--trig-color-on-background);
    font-weight: var(--trig-font-weight-medium);
    opacity: 1;
  }
}
@layer scope {
  .cta[data-color-scheme],
  .hero[data-color-scheme],
  .panel[data-color-scheme],
  .site-footer[data-color-scheme] {
    background-color: var(--trig-color-background);
    color: var(--trig-color-on-background);
  }
  .cta[data-color-scheme] :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6),
  .hero[data-color-scheme] :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6),
  .panel[data-color-scheme] :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6),
  .site-footer[data-color-scheme] :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6) {
    color: inherit;
  }
  .cta[data-color-scheme=dark],
  .hero[data-color-scheme=dark],
  .panel[data-color-scheme=dark],
  .site-footer[data-color-scheme=dark] {
    --trig-color-accent: var(--trig-color-purple-700);
    --trig-color-accent-variant-soft: var(--trig-color-purple-400);
    --trig-color-accent-variant-hard: var(--trig-color-purple-200);
    --trig-color-on-accent: var(--trig-color-white-100);
    --trig-color-accent-focus: var(--trig-color-purple-300);
    --trig-color-accent-focus-outline: var(--trig-color-white-100);
    --trig-color-on-accent-focus: var(--trig-color-grey-900);
    --trig-color-background: var(--trig-color-blue-dark-600);
    --trig-color-on-background: var(--trig-color-white-100);
    --trig-color-on-background-contrast: var(--trig-color-purple-400);
    --trig-color-background-variant: var(--trig-color-background);
    --trig-color-on-background-variant: var(--trig-color-on-background);
    --trig-color-disabled: var(--trig-color-grey-600);
    --trig-color-on-disabled: var(--trig-color-white-100);
    --trig-color-inactive-outline: var(--trig-color-grey-600);
    --trig-color-link: var(--trig-color-accent-variant-soft);
    --trig-color-link-focus: var(--trig-color-link);
  }
  .cta[data-color-scheme=light],
  .hero[data-color-scheme=light],
  .panel[data-color-scheme=light],
  .site-footer[data-color-scheme=light] {
    --trig-color-background: var(--trig-color-background-variant);
  }
  .cta[data-color-scheme=primary],
  .hero[data-color-scheme=primary],
  .panel[data-color-scheme=primary],
  .site-footer[data-color-scheme=primary] {
    --trig-color-accent: var(--trig-color-white-100);
    --trig-color-accent-variant-soft: var(--trig-color-accent);
    --trig-color-accent-variant-hard: var(--trig-color-grey-200);
    --trig-color-on-accent: var(--trig-color-purple-700);
    --trig-color-accent-focus: var(--trig-color-purple-300);
    --trig-color-accent-focus-outline: var(--trig-color-purple-900);
    --trig-color-on-accent-focus: var(--trig-color-blue-dark-600);
    --trig-color-background: var(--trig-color-purple-700);
    --trig-color-on-background: var(--trig-color-white-100);
    --trig-color-on-background-contrast: var(--trig-color-blue-dark-600);
    --trig-color-background-variant: var(--trig-color-background);
    --trig-color-on-background-variant: var(--trig-color-on-background);
    --trig-color-disabled: var(--trig-color-grey-300);
    --trig-color-on-disabled: var(--trig-color-grey-600);
    --trig-color-inactive-outline: var(--trig-color-grey-300);
    --trig-color-link: inherit;
    --trig-color-link-focus: var(--trig-color-link);
  }
  [data-color-scheme=dark] + [data-color-scheme=dark] {
    padding-block-start: 0;
  }
  [data-color-scheme=light] + [data-color-scheme=light] {
    padding-block-start: 0;
  }
  [data-color-scheme=primary] + [data-color-scheme=primary] {
    padding-block-start: 0;
  }
  .panel:not([data-color-scheme]) + .panel:not([data-color-scheme]) {
    padding-block-start: 0;
  }
  .u-visually-hidden {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .fui-i {
    --_border-width: var(--trig-border-width-default);
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: var(--trig-size-600);
  }
  .fui-page-container {
    display: flex;
    flex-direction: column;
    row-gap: var(--trig-spacing-200);
  }
  .fui-row {
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-200);
  }
  .fui-row > * {
    flex-basis: 40%;
    flex-grow: 1;
    min-inline-size: var(--trig-size-100);
  }
  .fui-legend + div.fui-instructions {
    margin-block-start: 0;
  }
  div.fui-instructions ~ div {
    margin-block-start: var(--trig-spacing-nano);
  }
  .fui-alert ~ *,
  .fui-page-container ~ * {
    margin-block-start: var(--trig-spacing-default);
  }
  .fui-label + .fui-input-wrapper {
    margin-block-start: var(--trig-spacing-nano);
  }
  .fui-label-hidden .fui-label {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  .fui-label-hidden .fui-label + .fui-input-wrapper {
    margin-block-start: 0;
  }
  .fui-field.fui-type-checkboxes .fui-layout-horizontal .fui-layout-wrap, .fui-field.fui-type-radio-buttons .fui-layout-horizontal .fui-layout-wrap {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-default);
  }
  .fui-field.fui-type-heading {
    margin-block-end: var(--trig-spacing-default);
  }
  .fui-row ~ .fui-row .fui-field.fui-type-heading {
    margin-block-start: var(--trig-spacing-default);
  }
  .fui-btn-wrapper {
    display: flex;
    flex-flow: row wrap;
    gap: var(--trig-spacing-default);
  }
  .fui-hr {
    background-color: currentcolor;
    border: 0;
    margin-block: var(--trig-spacing-default);
    opacity: 0.1;
  }
  .fui-alert,
  .fui-error-message {
    border-inline-start: var(--trig-border-width-default) solid currentcolor;
    font-size: 0.875rem;
    font-weight: var(--trig-font-weight-medium);
    padding-inline-start: 1em;
  }
  .fui-error-message {
    margin-block-start: var(--trig-spacing-small);
  }
  body[data-color-scheme=monumental-spaces] {
    --trig-color-accent: var(--trig-color-blue-dark-600);
    --trig-color-accent-variant-soft: unset;
    --trig-color-accent-variant-hard: var(--trig-color-blue-dark-700);
    --trig-color-on-accent: var(--trig-color-white-100);
    --trig-color-accent-focus: var(--trig-color-blue-light-300);
    --trig-color-accent-focus-outline: var(--trig-color-blue-dark-900);
    --trig-color-on-accent-focus: var(--trig-color-grey-900);
    --trig-color-background: var(--trig-color-white-100);
    --trig-color-on-background: var(--trig-color-grey-900);
    --trig-color-on-background-contrast: var(--trig-color-blue-dark-500);
    --trig-color-background-site-header: var(--trig-color-blue-grey-600);
    --trig-color-on-background-site-header: var(--trig-color-white-100);
    --trig-color-background-variant: var(--trig-color-blue-light-100);
    --trig-color-on-background-variant: var(--trig-color-blue-dark-600);
    --trig-color-disabled: var(--trig-color-grey-600);
    --trig-color-on-disabled: var(--trig-color-white-100);
    --trig-color-inactive-outline: var(--trig-color-grey-600);
    --trig-color-link: unset;
    --trig-color-link-focus: var(--trig-color-blue-dark-700);
    --trig-font-family-heading: var(--trig-font-family-serif);
    --trig-font-weight-heading: var(--trig-font-weight-light);
  }
  body[data-color-scheme=monumental-spaces] .cta[data-color-scheme=primary],
  body[data-color-scheme=monumental-spaces] .panel[data-color-scheme=primary],
  body[data-color-scheme=monumental-spaces] .site-footer[data-color-scheme=primary] {
    --trig-color-accent: var(--trig-color-blue-dark-600);
    --trig-color-accent-variant-soft: unset;
    --trig-color-accent-variant-hard: var(--trig-color-blue-dark-700);
    --trig-color-on-accent: var(--trig-color-white-100);
    --trig-color-accent-focus: var(--trig-color-blue-light-300);
    --trig-color-accent-focus-outline: var(--trig-color-blue-dark-900);
    --trig-color-on-accent-focus: var(--trig-color-grey-900);
    --trig-color-background: var(--trig-color-blue-light-200);
    --trig-color-on-background: var(--trig-color-grey-900);
    --trig-color-on-background-contrast: var(--trig-color-blue-dark-500);
    --trig-color-background-variant: var(--trig-color-background);
    --trig-color-on-background-variant: var(--trig-color-blue-dark-600);
    --trig-color-disabled: var(--trig-color-grey-600);
    --trig-color-on-disabled: var(--trig-color-white-100);
    --trig-color-inactive-outline: var(--trig-color-grey-600);
    --trig-color-link: unset;
    --trig-color-link-focus: var(--trig-color-blue-dark-700);
  }
}
@layer utilities {
  :root {
    --trig-easing-function-cubic: cubic-bezier(0.65, 0.05, 0.36, 1);
  }
  :root {
    --trig-transition-duration-fast: 100ms;
    --trig-transition-duration-medium: 200ms;
    --trig-transition-duration-slow: 300ms;
  }
  .u-border-radius-default {
    border-radius: 1.5rem !important;
    overflow: hidden;
  }
  .u-border-radius-micro {
    border-radius: 0.5rem !important;
    overflow: hidden;
  }
  .u-border-radius-pill {
    border-radius: 9999px !important;
    overflow: hidden;
  }
  .u-border-radius-large {
    border-radius: 5.5rem !important;
    overflow: hidden;
  }
  .u-border-radius-round {
    border-radius: 50% !important;
    overflow: hidden;
  }
  .u-border-radius-sharp {
    border-radius: 2px !important;
    overflow: hidden;
  }
  .u-border-radius-small {
    border-radius: 0.75rem !important;
    overflow: hidden;
  }
  :root {
    --trig-border-radius-default: 1.5rem;
    --trig-border-radius-micro: 0.5rem;
    --trig-border-radius-pill: 9999px;
    --trig-border-radius-large: 5.5rem;
    --trig-border-radius-round: 50%;
    --trig-border-radius-sharp: 2px;
    --trig-border-radius-small: 0.75rem;
  }
  :root {
    --trig-border-width-default: 1px;
    --trig-border-width-100: 1px;
    --trig-border-width-200: 2px;
    --trig-border-width-300: 3px;
  }
  :root {
    --trig-color-black-900: hsl(0, 0%, 0%);
    --trig-color-blue-dark-100: hsl(234, 61%, 59%);
    --trig-color-blue-dark-200: hsl(234, 59%, 50%);
    --trig-color-blue-dark-300: hsl(234, 57%, 41%);
    --trig-color-blue-dark-400: hsl(235, 55%, 32%);
    --trig-color-blue-dark-500: hsl(234, 53%, 23%);
    --trig-color-blue-dark-600: hsl(235, 51%, 14%);
    --trig-color-blue-dark-700: hsl(235, 47%, 10%);
    --trig-color-blue-dark-800: hsl(236, 42%, 7%);
    --trig-color-blue-dark-900: hsl(240, 36%, 4%);
    --trig-color-blue-grey-600: hsl(202, 13%, 59%);
    --trig-color-blue-light-100: hsl(204, 100%, 99%);
    --trig-color-blue-light-200: hsl(203, 94%, 94%);
    --trig-color-blue-light-300: hsl(203, 90%, 88%);
    --trig-color-blue-light-400: hsl(203, 87%, 83%);
    --trig-color-blue-light-500: hsl(202, 83%, 77%);
    --trig-color-blue-light-600: hsl(202, 79%, 72%);
    --trig-color-blue-light-700: hsl(202, 76%, 61%);
    --trig-color-blue-light-800: hsl(202, 74%, 49%);
    --trig-color-blue-light-900: hsl(201, 71%, 38%);
    --trig-color-grey-200: hsl(0, 0%, 97%);
    --trig-color-grey-300: hsl(0, 0%, 85%);
    --trig-color-grey-500: hsl(0, 0%, 67%);
    --trig-color-grey-600: hsl(0, 0%, 58%);
    --trig-color-grey-900: hsl(0, 0%, 10%);
    --trig-color-peach-100: hsl(12, 100%, 99%);
    --trig-color-peach-200: hsl(12, 100%, 98%);
    --trig-color-peach-300: hsl(16, 100%, 97%);
    --trig-color-peach-400: hsl(17, 90%, 96%);
    --trig-color-peach-500: hsl(18, 92%, 95%);
    --trig-color-peach-600: hsl(18, 87%, 94%);
    --trig-color-peach-700: hsl(18, 84%, 83%);
    --trig-color-peach-800: hsl(18, 81%, 72%);
    --trig-color-peach-900: hsl(18, 78%, 60%);
    --trig-color-red-900: hsl(0, 100%, 42%);
    --trig-color-purple-100: hsl(252, 100%, 99%);
    --trig-color-purple-200: hsl(252, 94%, 94%);
    --trig-color-purple-300: hsl(253, 93%, 88%);
    --trig-color-purple-400: hsl(254, 88%, 83%);
    --trig-color-purple-500: hsl(255, 84%, 78%);
    --trig-color-purple-600: hsl(256, 80%, 73%);
    --trig-color-purple-700: hsl(256, 50%, 60%);
    --trig-color-purple-800: hsl(260, 44%, 48%);
    --trig-color-purple-900: hsl(257, 46%, 35%);
    --trig-color-white-100: hsl(0, 0%, 100%);
    --trig-color-white-100-40: hsla(0, 0%, 100%, 0.4);
  }
  .u-color-accent {
    color: var(--trig-color-accent) !important;
  }
  .u-text-columns {
    container-type: inline-size;
    column-gap: var(--trig-spacing-default);
    display: flex;
    flex-flow: row wrap;
    inline-size: 100%;
    row-gap: inherit;
  }
  .u-text-columns > * {
    flex-basis: 100%;
    flex-grow: 1;
  }
  @container (width >= 60rem) {
    .u-text-columns > * {
      flex-basis: 0;
    }
  }
  .u-inline-size-100 {
    inline-size: 10rem !important;
  }
  .u-inline-size-200 {
    inline-size: 20rem !important;
  }
  .u-inline-size-300 {
    inline-size: 30rem !important;
  }
  .u-inline-size-400 {
    inline-size: 40rem !important;
  }
  .u-inline-size-500 {
    inline-size: 50rem !important;
  }
  .u-inline-size-600 {
    inline-size: 60rem !important;
  }
  .u-inline-size-700 {
    inline-size: 70rem !important;
  }
  .u-inline-size-800 {
    inline-size: 80rem !important;
  }
  .u-inline-size-900 {
    inline-size: 90rem !important;
  }
  .u-max-inline-size-100 {
    max-inline-size: 10rem !important;
  }
  .u-max-inline-size-200 {
    max-inline-size: 20rem !important;
  }
  .u-max-inline-size-300 {
    max-inline-size: 30rem !important;
  }
  .u-max-inline-size-400 {
    max-inline-size: 40rem !important;
  }
  .u-max-inline-size-500 {
    max-inline-size: 50rem !important;
  }
  .u-max-inline-size-600 {
    max-inline-size: 60rem !important;
  }
  .u-max-inline-size-700 {
    max-inline-size: 70rem !important;
  }
  .u-max-inline-size-800 {
    max-inline-size: 80rem !important;
  }
  .u-max-inline-size-900 {
    max-inline-size: 90rem !important;
  }
  :root {
    --trig-size-100: 10rem;
    --trig-size-200: 20rem;
    --trig-size-300: 30rem;
    --trig-size-400: 40rem;
    --trig-size-500: 50rem;
    --trig-size-600: 60rem;
    --trig-size-700: 70rem;
    --trig-size-800: 80rem;
    --trig-size-900: 90rem;
  }
  .u-margin-block-default {
    margin-block: 2rem !important;
  }
  .u-margin-block-100 {
    margin-block: 1rem !important;
  }
  .u-margin-block-200 {
    margin-block: 1.25rem !important;
  }
  .u-margin-block-300 {
    margin-block: 1.5rem !important;
  }
  .u-margin-block-400 {
    margin-block: 2rem !important;
  }
  .u-margin-block-500 {
    margin-block: 3rem !important;
  }
  .u-margin-block-600 {
    margin-block: 4rem !important;
  }
  .u-margin-block-700 {
    margin-block: 5rem !important;
  }
  .u-margin-block-800 {
    margin-block: 6.5rem !important;
  }
  .u-margin-block-900 {
    margin-block: 9rem !important;
  }
  .u-margin-block-nano {
    margin-block: 0.25rem !important;
  }
  .u-margin-block-micro {
    margin-block: 0.5rem !important;
  }
  .u-margin-block-small {
    margin-block: 0.75rem !important;
  }
  .u-margin-block-none {
    margin-block: 0 !important;
  }
  .u-margin-block-0 {
    margin-block: 0 !important;
  }
  .u-margin-block-start-default {
    margin-block-start: 2rem !important;
  }
  .u-margin-block-start-100 {
    margin-block-start: 1rem !important;
  }
  .u-margin-block-start-200 {
    margin-block-start: 1.25rem !important;
  }
  .u-margin-block-start-300 {
    margin-block-start: 1.5rem !important;
  }
  .u-margin-block-start-400 {
    margin-block-start: 2rem !important;
  }
  .u-margin-block-start-500 {
    margin-block-start: 3rem !important;
  }
  .u-margin-block-start-600 {
    margin-block-start: 4rem !important;
  }
  .u-margin-block-start-700 {
    margin-block-start: 5rem !important;
  }
  .u-margin-block-start-800 {
    margin-block-start: 6.5rem !important;
  }
  .u-margin-block-start-900 {
    margin-block-start: 9rem !important;
  }
  .u-margin-block-start-nano {
    margin-block-start: 0.25rem !important;
  }
  .u-margin-block-start-micro {
    margin-block-start: 0.5rem !important;
  }
  .u-margin-block-start-small {
    margin-block-start: 0.75rem !important;
  }
  .u-margin-block-start-none {
    margin-block-start: 0 !important;
  }
  .u-margin-block-start-0 {
    margin-block-start: 0 !important;
  }
  .u-margin-block-end-default {
    margin-block-end: 2rem !important;
  }
  .u-margin-block-end-100 {
    margin-block-end: 1rem !important;
  }
  .u-margin-block-end-200 {
    margin-block-end: 1.25rem !important;
  }
  .u-margin-block-end-300 {
    margin-block-end: 1.5rem !important;
  }
  .u-margin-block-end-400 {
    margin-block-end: 2rem !important;
  }
  .u-margin-block-end-500 {
    margin-block-end: 3rem !important;
  }
  .u-margin-block-end-600 {
    margin-block-end: 4rem !important;
  }
  .u-margin-block-end-700 {
    margin-block-end: 5rem !important;
  }
  .u-margin-block-end-800 {
    margin-block-end: 6.5rem !important;
  }
  .u-margin-block-end-900 {
    margin-block-end: 9rem !important;
  }
  .u-margin-block-end-nano {
    margin-block-end: 0.25rem !important;
  }
  .u-margin-block-end-micro {
    margin-block-end: 0.5rem !important;
  }
  .u-margin-block-end-small {
    margin-block-end: 0.75rem !important;
  }
  .u-margin-block-end-none {
    margin-block-end: 0 !important;
  }
  .u-margin-block-end-0 {
    margin-block-end: 0 !important;
  }
  .u-margin-inline-default {
    margin-inline: 2rem !important;
  }
  .u-margin-inline-100 {
    margin-inline: 1rem !important;
  }
  .u-margin-inline-200 {
    margin-inline: 1.25rem !important;
  }
  .u-margin-inline-300 {
    margin-inline: 1.5rem !important;
  }
  .u-margin-inline-400 {
    margin-inline: 2rem !important;
  }
  .u-margin-inline-500 {
    margin-inline: 3rem !important;
  }
  .u-margin-inline-600 {
    margin-inline: 4rem !important;
  }
  .u-margin-inline-700 {
    margin-inline: 5rem !important;
  }
  .u-margin-inline-800 {
    margin-inline: 6.5rem !important;
  }
  .u-margin-inline-900 {
    margin-inline: 9rem !important;
  }
  .u-margin-inline-nano {
    margin-inline: 0.25rem !important;
  }
  .u-margin-inline-micro {
    margin-inline: 0.5rem !important;
  }
  .u-margin-inline-small {
    margin-inline: 0.75rem !important;
  }
  .u-margin-inline-none {
    margin-inline: 0 !important;
  }
  .u-margin-inline-0 {
    margin-inline: 0 !important;
  }
  .u-margin-inline-start-default {
    margin-inline-start: 2rem !important;
  }
  .u-margin-inline-start-100 {
    margin-inline-start: 1rem !important;
  }
  .u-margin-inline-start-200 {
    margin-inline-start: 1.25rem !important;
  }
  .u-margin-inline-start-300 {
    margin-inline-start: 1.5rem !important;
  }
  .u-margin-inline-start-400 {
    margin-inline-start: 2rem !important;
  }
  .u-margin-inline-start-500 {
    margin-inline-start: 3rem !important;
  }
  .u-margin-inline-start-600 {
    margin-inline-start: 4rem !important;
  }
  .u-margin-inline-start-700 {
    margin-inline-start: 5rem !important;
  }
  .u-margin-inline-start-800 {
    margin-inline-start: 6.5rem !important;
  }
  .u-margin-inline-start-900 {
    margin-inline-start: 9rem !important;
  }
  .u-margin-inline-start-nano {
    margin-inline-start: 0.25rem !important;
  }
  .u-margin-inline-start-micro {
    margin-inline-start: 0.5rem !important;
  }
  .u-margin-inline-start-small {
    margin-inline-start: 0.75rem !important;
  }
  .u-margin-inline-start-none {
    margin-inline-start: 0 !important;
  }
  .u-margin-inline-start-0 {
    margin-inline-start: 0 !important;
  }
  .u-margin-inline-end-default {
    margin-inline-end: 2rem !important;
  }
  .u-margin-inline-end-100 {
    margin-inline-end: 1rem !important;
  }
  .u-margin-inline-end-200 {
    margin-inline-end: 1.25rem !important;
  }
  .u-margin-inline-end-300 {
    margin-inline-end: 1.5rem !important;
  }
  .u-margin-inline-end-400 {
    margin-inline-end: 2rem !important;
  }
  .u-margin-inline-end-500 {
    margin-inline-end: 3rem !important;
  }
  .u-margin-inline-end-600 {
    margin-inline-end: 4rem !important;
  }
  .u-margin-inline-end-700 {
    margin-inline-end: 5rem !important;
  }
  .u-margin-inline-end-800 {
    margin-inline-end: 6.5rem !important;
  }
  .u-margin-inline-end-900 {
    margin-inline-end: 9rem !important;
  }
  .u-margin-inline-end-nano {
    margin-inline-end: 0.25rem !important;
  }
  .u-margin-inline-end-micro {
    margin-inline-end: 0.5rem !important;
  }
  .u-margin-inline-end-small {
    margin-inline-end: 0.75rem !important;
  }
  .u-margin-inline-end-none {
    margin-inline-end: 0 !important;
  }
  .u-margin-inline-end-0 {
    margin-inline-end: 0 !important;
  }
  .u-padding-block-default {
    padding-block: 2rem !important;
  }
  .u-padding-block-100 {
    padding-block: 1rem !important;
  }
  .u-padding-block-200 {
    padding-block: 1.25rem !important;
  }
  .u-padding-block-300 {
    padding-block: 1.5rem !important;
  }
  .u-padding-block-400 {
    padding-block: 2rem !important;
  }
  .u-padding-block-500 {
    padding-block: 3rem !important;
  }
  .u-padding-block-600 {
    padding-block: 4rem !important;
  }
  .u-padding-block-700 {
    padding-block: 5rem !important;
  }
  .u-padding-block-800 {
    padding-block: 6.5rem !important;
  }
  .u-padding-block-900 {
    padding-block: 9rem !important;
  }
  .u-padding-block-nano {
    padding-block: 0.25rem !important;
  }
  .u-padding-block-micro {
    padding-block: 0.5rem !important;
  }
  .u-padding-block-small {
    padding-block: 0.75rem !important;
  }
  .u-padding-block-none {
    padding-block: 0 !important;
  }
  .u-padding-block-0 {
    padding-block: 0 !important;
  }
  .u-padding-block-start-default {
    padding-block-start: 2rem !important;
  }
  .u-padding-block-start-100 {
    padding-block-start: 1rem !important;
  }
  .u-padding-block-start-200 {
    padding-block-start: 1.25rem !important;
  }
  .u-padding-block-start-300 {
    padding-block-start: 1.5rem !important;
  }
  .u-padding-block-start-400 {
    padding-block-start: 2rem !important;
  }
  .u-padding-block-start-500 {
    padding-block-start: 3rem !important;
  }
  .u-padding-block-start-600 {
    padding-block-start: 4rem !important;
  }
  .u-padding-block-start-700 {
    padding-block-start: 5rem !important;
  }
  .u-padding-block-start-800 {
    padding-block-start: 6.5rem !important;
  }
  .u-padding-block-start-900 {
    padding-block-start: 9rem !important;
  }
  .u-padding-block-start-nano {
    padding-block-start: 0.25rem !important;
  }
  .u-padding-block-start-micro {
    padding-block-start: 0.5rem !important;
  }
  .u-padding-block-start-small {
    padding-block-start: 0.75rem !important;
  }
  .u-padding-block-start-none {
    padding-block-start: 0 !important;
  }
  .u-padding-block-start-0 {
    padding-block-start: 0 !important;
  }
  .u-padding-block-end-default {
    padding-block-end: 2rem !important;
  }
  .u-padding-block-end-100 {
    padding-block-end: 1rem !important;
  }
  .u-padding-block-end-200 {
    padding-block-end: 1.25rem !important;
  }
  .u-padding-block-end-300 {
    padding-block-end: 1.5rem !important;
  }
  .u-padding-block-end-400 {
    padding-block-end: 2rem !important;
  }
  .u-padding-block-end-500 {
    padding-block-end: 3rem !important;
  }
  .u-padding-block-end-600 {
    padding-block-end: 4rem !important;
  }
  .u-padding-block-end-700 {
    padding-block-end: 5rem !important;
  }
  .u-padding-block-end-800 {
    padding-block-end: 6.5rem !important;
  }
  .u-padding-block-end-900 {
    padding-block-end: 9rem !important;
  }
  .u-padding-block-end-nano {
    padding-block-end: 0.25rem !important;
  }
  .u-padding-block-end-micro {
    padding-block-end: 0.5rem !important;
  }
  .u-padding-block-end-small {
    padding-block-end: 0.75rem !important;
  }
  .u-padding-block-end-none {
    padding-block-end: 0 !important;
  }
  .u-padding-block-end-0 {
    padding-block-end: 0 !important;
  }
  .u-padding-inline-default {
    padding-inline: 2rem !important;
  }
  .u-padding-inline-100 {
    padding-inline: 1rem !important;
  }
  .u-padding-inline-200 {
    padding-inline: 1.25rem !important;
  }
  .u-padding-inline-300 {
    padding-inline: 1.5rem !important;
  }
  .u-padding-inline-400 {
    padding-inline: 2rem !important;
  }
  .u-padding-inline-500 {
    padding-inline: 3rem !important;
  }
  .u-padding-inline-600 {
    padding-inline: 4rem !important;
  }
  .u-padding-inline-700 {
    padding-inline: 5rem !important;
  }
  .u-padding-inline-800 {
    padding-inline: 6.5rem !important;
  }
  .u-padding-inline-900 {
    padding-inline: 9rem !important;
  }
  .u-padding-inline-nano {
    padding-inline: 0.25rem !important;
  }
  .u-padding-inline-micro {
    padding-inline: 0.5rem !important;
  }
  .u-padding-inline-small {
    padding-inline: 0.75rem !important;
  }
  .u-padding-inline-none {
    padding-inline: 0 !important;
  }
  .u-padding-inline-0 {
    padding-inline: 0 !important;
  }
  .u-padding-inline-start-default {
    padding-inline-start: 2rem !important;
  }
  .u-padding-inline-start-100 {
    padding-inline-start: 1rem !important;
  }
  .u-padding-inline-start-200 {
    padding-inline-start: 1.25rem !important;
  }
  .u-padding-inline-start-300 {
    padding-inline-start: 1.5rem !important;
  }
  .u-padding-inline-start-400 {
    padding-inline-start: 2rem !important;
  }
  .u-padding-inline-start-500 {
    padding-inline-start: 3rem !important;
  }
  .u-padding-inline-start-600 {
    padding-inline-start: 4rem !important;
  }
  .u-padding-inline-start-700 {
    padding-inline-start: 5rem !important;
  }
  .u-padding-inline-start-800 {
    padding-inline-start: 6.5rem !important;
  }
  .u-padding-inline-start-900 {
    padding-inline-start: 9rem !important;
  }
  .u-padding-inline-start-nano {
    padding-inline-start: 0.25rem !important;
  }
  .u-padding-inline-start-micro {
    padding-inline-start: 0.5rem !important;
  }
  .u-padding-inline-start-small {
    padding-inline-start: 0.75rem !important;
  }
  .u-padding-inline-start-none {
    padding-inline-start: 0 !important;
  }
  .u-padding-inline-start-0 {
    padding-inline-start: 0 !important;
  }
  .u-padding-inline-end-default {
    padding-inline-end: 2rem !important;
  }
  .u-padding-inline-end-100 {
    padding-inline-end: 1rem !important;
  }
  .u-padding-inline-end-200 {
    padding-inline-end: 1.25rem !important;
  }
  .u-padding-inline-end-300 {
    padding-inline-end: 1.5rem !important;
  }
  .u-padding-inline-end-400 {
    padding-inline-end: 2rem !important;
  }
  .u-padding-inline-end-500 {
    padding-inline-end: 3rem !important;
  }
  .u-padding-inline-end-600 {
    padding-inline-end: 4rem !important;
  }
  .u-padding-inline-end-700 {
    padding-inline-end: 5rem !important;
  }
  .u-padding-inline-end-800 {
    padding-inline-end: 6.5rem !important;
  }
  .u-padding-inline-end-900 {
    padding-inline-end: 9rem !important;
  }
  .u-padding-inline-end-nano {
    padding-inline-end: 0.25rem !important;
  }
  .u-padding-inline-end-micro {
    padding-inline-end: 0.5rem !important;
  }
  .u-padding-inline-end-small {
    padding-inline-end: 0.75rem !important;
  }
  .u-padding-inline-end-none {
    padding-inline-end: 0 !important;
  }
  .u-padding-inline-end-0 {
    padding-inline-end: 0 !important;
  }
  :root {
    --trig-spacing-default: 2rem;
    --trig-spacing-100: 1rem;
    --trig-spacing-200: 1.25rem;
    --trig-spacing-300: 1.5rem;
    --trig-spacing-400: 2rem;
    --trig-spacing-500: 3rem;
    --trig-spacing-600: 4rem;
    --trig-spacing-700: 5rem;
    --trig-spacing-800: 6.5rem;
    --trig-spacing-900: 9rem;
    --trig-spacing-nano: 0.25rem;
    --trig-spacing-micro: 0.5rem;
    --trig-spacing-small: 0.75rem;
    --trig-spacing-none: 0;
    --trig-spacing-0: 0;
  }
  :root {
    --trig-font-family-brands: "Font Awesome 6 Brands";
    --trig-font-family-display: "Clash Display", "Clash Grotesk", "Arial", "Helvetica", sans-serif;
    --trig-font-family-icon: "Font Awesome 6 Free";
    --trig-font-family-sans: "Clash Grotesk", "Arial", "Helvetica", sans-serif;
    --trig-font-family-serif: "Canela", "Didot", "Georgia", serif;
  }
  :root {
    --trig-font-weight-thin: 100;
    --trig-font-weight-extralight: 200;
    --trig-font-weight-light: 300;
    --trig-font-weight-regular: 400;
    --trig-font-weight-medium: 500;
    --trig-font-weight-semibold: 600;
    --trig-font-weight-bold: 700;
    --trig-font-weight-extrabold: 800;
    --trig-font-weight-black: 900;
  }
  :root {
    --trig-line-height-default: 1.4;
    --trig-line-height-100: 1.1;
    --trig-line-height-200: 1.2;
    --trig-line-height-300: 1.3;
    --trig-line-height-400: 1.4;
    --trig-line-height-500: 1.5;
    --trig-line-height-lead: 1.45;
    --trig-line-height-none: 1;
  }
  .u-text-align-start {
    text-align: start !important;
  }
  .u-text-align-center {
    text-align: center !important;
  }
  .u-text-align-end {
    text-align: end !important;
  }
  .u-visually-hidden {
    block-size: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    inline-size: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
  }
  :root {
    --trig-z-index-back: -2;
    --trig-z-index-below: -1;
    --trig-z-index-root: 0;
    --trig-z-index-above: 1;
    --trig-z-index-front: 2;
    --trig-z-index-site-header: 800;
    --trig-z-index-dialog: 900;
    --trig-z-index-skip-link: 1000;
  }
}
@layer base, elements, objects, components, scope, utilities;

/*# sourceMappingURL=main.css.map */