@charset "UTF-8";
/**
* Basics - Base
* Only tag selectors may be used in this file.
*/
.u-text-small, .c-footer h3, .c-review, .c-projects__filters, .c-button-card, .c-card-link--small {
  font-size: 0.875rem;
  line-height: 1.4;
}

.c-donation-form__footer, .u-text-xs {
  font-size: var(--font-size-xs);
  line-height: 1.2;
}

.u-list-unstyled, .c-testimonials {
  margin: 0;
  list-style-type: none;
  padding-left: 0;
}

.c-frontpage-hero h1 span, .c-project-cta__title, .c-hero__title, .c-card-link--featured .c-card-link__title span {
  font-weight: normal;
  font-style: normal;
  font-family: var(--font-family-display), sans-serif;
  font-size: clamp(3.75rem, 3.529vw + 3.044rem, 5.25rem);
  color: var(--color-secondary-50);
  line-height: 1.5;
}

.u-text-heading, .c-review-summary h2, .c-article-header h2, .c-article-header a, .c-article .c-block-text-sidebar__main h2,
.c-article .c-block-text h2, :root .c-card-person h4, .b-block-title, .u-text-heading-underline, .c-review-summary h3, .c-article-header h3, .c-frontpage-card h4, .c-button-card h2 {
  font-weight: normal;
  font-style: normal;
  font-family: var(--font-family-accent), sans-serif;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: -5%;
  color: var(--color-text);
}

.u-text-heading-underline, .c-review-summary h3, .c-article-header h3, .c-frontpage-card h4, .c-button-card h2 {
  display: inline-flex;
  background-image: var(--text-underline-stroke);
  background-repeat: repeat-x;
  padding-left: 3px;
  padding-right: 3px;
  background-position: 100% 100%;
  background-size: 102% 8.3px;
}

html {
  font-size: 16px;
  font-family: var(--font-family-base), sans-serif;
  color: var(--color-text);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth !important;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-white-50);
  line-height: 1.78;
  min-height: 100dvh;
  position: relative;
  display: flex;
  flex-direction: column;
}

* {
  box-sizing: border-box;
}

/* ==========================================================================
 # TYPOGRAPHY
========================================================================== */
h1, h2, .c-hero__tagline, h3, h4, h5, h6 {
  font-family: var(--font-family-heading), sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-wrap: pretty;
  margin-top: 0;
  margin-bottom: 1rem;
}

figure {
  margin-left: 0;
  margin-right: 0;
}

h1, .h1 {
  font-size: var(--font-size-xxxl);
}

h2, .c-hero__tagline, .h2 {
  font-size: var(--font-size-xxl);
}

h3, .h3 {
  font-size: var(--font-size-xl);
}

h4, .h4 {
  font-size: var(--font-size-lg);
}

h5, .h5 {
  font-size: var(--font-size-xs);
}

h6, .h6 {
  font-size: var(--font-size-xxs);
  margin-bottom: 0;
}

small {
  font-size: var(--font-size-xs);
}

strong {
  font-weight: 600;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

menu {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

menu + menu {
  margin-top: 1rem;
}

a {
  color: var(--color-primary-100);
  transition: color 0.2s;
}

a:hover {
  color: var(--color-gray-4);
}

address {
  font-style: normal;
}

/* ==========================================================================
 # CUSTOM
========================================================================== */
.popover-not-supported [popover] {
  display: none;
}
.popover-not-supported [popover].is-open {
  display: block;
  transform: translateX(0%);
  z-index: 100;
}

.site {
  background-image: url("../images/background-top-left.svg");
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 10rem;
  flex-grow: 1;
}
@media screen and (min-height: 1014px) {
  .site {
    background-image: url("../images/background-top-left.svg"), url("../images/background-bottom-right.svg");
    background-repeat: no-repeat;
    background-position: top left, bottom right;
  }
}

.b-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
  vertical-align: middle;
}

.b-block-title {
  margin-bottom: 2rem;
}
.b-block-title span {
  display: inline-block;
  padding: 5px 20px;
  background: white;
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 361 56'%3E%3Cpath fill='%23fff' d='M2.22112 10.5173c-.06783-3.35743 2.60005-6.12705 5.95751-6.12705 18.23987.0113 54.51057.06217 67.09827.34479 15.3516.35044 60.7391-2.44179 83.7721-2.09135 23.033.35044 52.34 1.04567 64.906.35044 12.559-.69523 43.268-2.44178 55.827-1.74655 12.559.69523 23.514-.31088 33.914-.15261 8.309.12435 28.058-.74045 40.758-1.09655 3.058-.08478 5.698 2.15352 6.077 5.1888.254 2.04047.463 4.52748.463 7.22928 0 6.9806-2.442 14.3059-2.442 23.7283 0 2.3174.063 4.2109.159 5.7484.209 3.3574-2.425 6.2118-5.788 6.3022-11.09.2996-25.86.8592-37.582.8592-16.053 0-63.125 0-79.873.6952-16.747.6952-67.692 1.0457-83.744-.3504-16.052-1.3961-37.684-.3505-55.1324.6952-17.4486 1.0457-35.485 3.1427-50.8422 2.4418-11.1633-.5087-29.7367 2.73-39.04602 2.9279-3.19919.0678-5.87838-2.3909-6.0762-5.5845C.42935 46.7654.20325 39.7283.03934 35.4326c-.35044-9.0719 1.74655-17.7934 2.09134-21.637.09044-1.023.11305-2.1648.09044-3.2952v.0169Z'/%3E%3C/svg%3E%0A") 10 fill/10px/10px;
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 361 56'%3E%3Cpath fill='%23fff' d='M2.22112 10.5173c-.06783-3.35743 2.60005-6.12705 5.95751-6.12705 18.23987.0113 54.51057.06217 67.09827.34479 15.3516.35044 60.7391-2.44179 83.7721-2.09135 23.033.35044 52.34 1.04567 64.906.35044 12.559-.69523 43.268-2.44178 55.827-1.74655 12.559.69523 23.514-.31088 33.914-.15261 8.309.12435 28.058-.74045 40.758-1.09655 3.058-.08478 5.698 2.15352 6.077 5.1888.254 2.04047.463 4.52748.463 7.22928 0 6.9806-2.442 14.3059-2.442 23.7283 0 2.3174.063 4.2109.159 5.7484.209 3.3574-2.425 6.2118-5.788 6.3022-11.09.2996-25.86.8592-37.582.8592-16.053 0-63.125 0-79.873.6952-16.747.6952-67.692 1.0457-83.744-.3504-16.052-1.3961-37.684-.3505-55.1324.6952-17.4486 1.0457-35.485 3.1427-50.8422 2.4418-11.1633-.5087-29.7367 2.73-39.04602 2.9279-3.19919.0678-5.87838-2.3909-6.0762-5.5845C.42935 46.7654.20325 39.7283.03934 35.4326c-.35044-9.0719 1.74655-17.7934 2.09134-21.637.09044-1.023.11305-2.1648.09044-3.2952v.0169Z'/%3E%3C/svg%3E%0A") 10 fill/10px/10px;
}
.b-block-title span:last-child {
  margin-top: -4px;
  position: relative;
  z-index: -1;
}

.b-block-title--small {
  font-size: var(--font-size-lg);
}
.b-block-title--small span {
  padding: 2px 5px;
}

.b-title--plusses {
  position: relative;
  display: inline-block;
}
.b-title--plusses:after {
  content: "";
  position: absolute;
  top: -46px;
  right: -50px;
  width: 64px;
  height: 57px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='57' fill='none'%3E%3Cpath fill='%2300A6BF' fill-rule='evenodd' d='M31 6c0 3 0 3-2 3h-5c-2 0-3 1-3 2l2 3h8l1 1 1 1v8l3 1c2 0 3-2 3-4l-1-6v-1h5c1 1 3-1 4-2v-2c-1-2-3-3-5-2h-3l-2 1V6l-1-3c0-1 0-2-2-3l-3 1-1 1a15 15 0 0 0 1 4Zm-2 39v-2l1-2h4a142 142 0 0 0 3 0h6l4-2-1-3-4-1h-8a23 23 0 0 1-2 1h-4v-1h-1v-9l-1-5-3-2c-1 0-2 1-2 3a67 67 0 0 0 0 7l1 4v3h-3l-4 1H6l-4 1-1 3 1 1 1 1h1l1-1h12l3-1h3v1l1 3 1 2v6l2 3h3l1-3-2-8Zm16-20c1-2 2-2 3-2h3l1-1v-1l-1-1c0-2 1-3 3-4h1l2 4v1l1 1c2-1 4-1 5 1l1 2-1 1-4 2-1 2v1l-1 3h-3c-1-1-2-2-1-4l-1-2h-4l-2-1-1-2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.b-title-circle {
  z-index: 2;
  position: relative;
}
.b-title-circle span {
  position: relative;
  display: inline-block;
}
.b-title-circle span:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='163' height='62' fill='none'%3E%3Cpath fill='%238DC9A6' d='m117.6 8.5-3.3-.5-2.2-.5-4-.8c-2-.5-4-.5-6-1.1-.9-.3-2-.3-3-.5-.7 0-1.4-.2-2-.3l-3.7-.5-7-.6c-2.2-.2-4.4-.2-6.6-.5-2-.2-4-.1-6-.2-1.5 0-2.9-.2-4.3-.3l-.4-.1.3-.1h12.1l3.3.2h.4l-.5-.3-.6-.2-4.5-.3h-14l-3.5.3-.6-.2c.2-.1.3-.3.5-.3l3.3-.3h9.2l.4-.4-.5-.1h-2.2c-.8.1-1.3-.6-2.2-.2-.5.3-1.5 0-2.2-.1l-.5-.1.5-.4c1.2 0 2.3-.2 3.4 0 .7.1 1.4-.2 2 .2.5.2 1.4-.3 2.1-.2 2.4 0 4.8-.4 7.1.2h.4c2 .1 4 0 5.8.3 2.3.4 4.6.1 6.9.7 1.8.5 3.9.4 5.9.6.7 0 1.4.2 2 .4 1.8.5 3.8.6 5.7 1 1.5.2 3 .3 4.6.7 3.3 1 6.8 1.6 10.2 2.4l5 1.4 5.3 1.6 6.2 2.3 3.6 1.6a37 37 0 0 1 7.6 3.8c.8.5 1.8.8 2.5 1.4 1.3 1.4 3.3 2.4 4.3 4 .4.8 1.2 1.5 1.6 2.2.9 1.5 1.7 3 2.3 4.5.3.5 0 1.2 0 1.8.3 1 0 2-.1 3l-.1.2c.5 1.6.3 2.9-.4 4.2-.4.6-.8 1.3-.7 2 0 .9-1 1.4-1.5 2h-.3c-.6-.2-.8 0-.5.4.3.3.4.4-.2.6-.4.1-.4.7-.8 1l-3 2.4c-.8.5-1.8.8-2.5 1.4a83.3 83.3 0 0 1-22.3 8.5l-6.6 1.5c-1.9.4-3.8.5-5.7.8l-7.8 1.4-3.8.2a16 16 0 0 0-4.2.6h-.5c-2.6 0-5.2 0-7.8.3-2 .3-4.2-.2-6.2.5h-.4c-1.6-.5-3.2.1-4.9 0H67l-8.6-.4c-1-.1-2 0-3-.2-2.9-.4-5.8 0-8.6-.7-1.1-.3-2.4-.2-3.6-.3a108 108 0 0 1-4.9-.6l-4.6-.8-5.2-.9a89 89 0 0 1-10.1-2.6c-2.1-.6-4.4-1.1-6.2-2.1-2.8-1.6-6.2-2.8-8-5.3-1-1.4-2-2.8-2.7-4.5-.5-1.5-.8-3-.9-4.6 0-2 .6-3.9 1.3-5.7 1.5-4.3 4.7-7.8 9-10.7 1.5-1 3.2-2.1 5.1-2.8 1.8-.7 3.5-1.6 5.4-2.2 3.1-1.2 6.3-2.1 9.5-3 1.5-.5 3-1 4.6-1.1 1.7-.2 3.3-.7 4.9-.9 1.1-.1 2-.4 3-.8 1.3-.4 2.7-.7 4-.8 3.2-.3 6.2-1 9.3-1.5h1.2l1.1-.2c2.3 0 4.5-.5 6.8-.6 2.3 0 4.5-.4 6.8-.5 1 0 1.8-.4 2.8 0 .2.1.7 0 .8-.3.2-.2.1-.5.2-.8l-.3.1-.7.4c-.1-.2-.4-.4-.3-.6 0-.3.5-.6.7-.6.6 0 1.1.3 1.7.4 0 0 .1.3 0 .4-.5.9.3.8 1 .8h19.1c2.4 0 4.7 0 7 .3 2.2.2 4.3.2 6.3.5 4.8.7 9.6 1 14.3 2.3 2.6.7 5.1 1.5 7.6 2.5 2.1.8 4 1.9 5.8 3 1.6 1 3 2.3 2.9 4 0 .3.3.5.3.8l-.2 1-1-.4-.3-.2-3.5-2.4-.4-.3c-1.8-.2-2.6-1.5-4-2-1.1-.5-2.3-1-2.8-2 0 0-.2-.2-.6 0-1.2.3-2-.1-2.7-.9a2 2 0 0 0-1.7-.7 5 5 0 0 1-2.1-.5c-1.5-.7-3.2-.7-4.8-1a46 46 0 0 0-7.3-.9c-1.4 0-2.7-.3-4-.5-.6 0-1.1.3-1.6.3l-4.2-.3c-.8 0-1.5-.2-2.4 0H97c-1.8.2-3.7 0-5.4 0-3.3.3-6.5.3-9.8.3-.8 0-1.6.5-2.5 0l-.8.6c-.4.4-.9.5-1.5.5-1.2-.1-2.4-.1-3.6.2-1.2.3-2.5 0-3.8.2-1.3.4-2.7.3-4.1.4-1.6 0-3-.1-4.6.5-.8.3-2 .2-3 .3-2.5 0-4.8.6-7.3 1l-5.4.9c-2.6.4-5.2 1-7.7 1.6-.6.1-1.1.4-1.7.4-1 0-1.6.3-2.4.7-.6.5-1.7.5-2.5.7-4.2 1-8 2.4-11.8 4a34.7 34.7 0 0 0-9.7 6.3A18.8 18.8 0 0 0 6.2 33c-.6 1-.9 2-1.2 3.2l-.7 3c0 .3.3.7.3 1.1.2 1.6 1.2 2.9 1.8 4.3.4.7 1.4 1.2 2 1.8 2.6 2.3 6 3.6 9.3 5 3.2 1.1 6.5 2 10 2.6l7 1.5 3 .3 4.3.6 1.5.2c1.8 0 3.7.3 5.5.5l3.3.3c1.8.2 3.7.2 5.6.3l13 .3c1.4 0 2.8.3 4 .2 4.6-.5 9 0 13.5-.3l5.7-.2c2.6-.1 5.1-.3 7.7-.6 2-.1 4-.5 6-.7l3.2-.3c2.9-.3 5.7-.8 8.5-1.3 3.3-.5 6.5-1.3 9.8-2 2-.3 3.9-1 5.8-1.6a57.1 57.1 0 0 0 14.6-6.2c1.8-1.2 3.4-2.7 5.2-4 1.5-1 2.3-2.3 3.3-3.5.7-.8 1.4-1.7 1.5-2.8 0-1.1.5-2.2.6-3.3 0-1.6-.5-3.1-1.5-4.5-.3-.3-.9-.4-1.2-.7l-2.8-2.8c-1-1-2-2-3.3-3a52.7 52.7 0 0 0-11.2-5.4l-5.7-2-9.2-2.6a27 27 0 0 0-4.4-.8c-1.1-.2-2.2-.7-3.4-1M109 5.7h.5v-.1c-.1 0-.3 0-.5-.2l-.3-.1c-.3 0-.6-.5-.9 0l-.1.1.8.1c.2 0 .3 0 .5.2M93.8 2c-.4-.1-.7-.3-1.1-.3H90a48 48 0 0 0-6.6-.6c-1.7 0-3.5 0-5.2-.3-.9-.2-1.6.3-2.5 0l-.2.2.2.2.8.2c2.2 0 4.4 0 6.7.2 1.2.2 2.5 0 3.8.3 2.1.2 4.4.2 6.7.1m8.5 7.3c.1.1.2.3.4.3l5.8.3c1.1 0 2.2.3 3.3.4l4.4.4.4-.2h-.5l-2.3-.4c-2.7-.5-5.5-.8-8.3-.8-.3 0-.6.1-.8 0-.9-.4-1.7-.3-2.4 0m53.5 13.2-1.2-1h-.3v.3l3.5 3.8.3.4c0-.2.2-.4.1-.6l-2.4-2.9m-67.5-20h-2l.3.4h1.7l1.4-.1-1.4-.2Zm4.2.6-1.2-.4c-.3 0-.8 0-.9.2-.2.4.3.3.6.3l1.4.3s.1-.2 0-.4m2.8.5.8.2 1-.2-1-.4c-.2 0-.5.1-.8.4m7.8.7-.6-.2h-.6l.3.3 1 .4-.1-.5M119.8 8l.9.3.3-.2-1-.3c-.1 0-.7-.3-.2.2ZM112.3 6h-.7l-.5.1.4.1.7.2s.2-.2 0-.4m1.8.5h-.2l-.9-.2v.1l.8.4c.1 0 .3-.1.3-.3ZM67.3 59h.7v-.3c-.2 0-.5 0-.7.3Zm85.8-38h.6c-.2 0-.4-.2-.6 0Zm3.8 2.1.5.4.2-.2a.9.9 0 0 0-.7-.2M114.3 6h.5v-.3c-.3 0-.5.1-.5.3M98.7 3l.2.1-.2-.1Zm2 1.3.2.1s0-.1-.2 0Z'/%3E%3C/svg%3E");
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  width: 165px;
  height: 62px;
  top: 50%;
  z-index: -1;
  transform: translateY(-55%);
}

.b-title-circle--small {
  max-width: 90vw;
  margin: 0 auto;
}

.b-title-circle--small span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111' height='63' fill='none'%3E%3Cpath fill='%238DC9A6' d='M60.4 9.8a4 4 0 0 0-2-.6c-1.2 0-2.3-.4-3.5-.6-2.5-.5-5-1-7.4-1.7L41 5.4a15 15 0 0 0-2-.4c-.7 0-1.4-.1-1.8-.8-.2-.2-.6-.2-1-.2l-6-1h-.4l-.9-.7c.3-.5.7 0 1 0L37 3l2.8.8c1.2.3 2.4 0 3.6.5 1.3.5 2.8.6 4.2.8l.4.2 1.2-.2-1.1-.4-4.4-1C41 3 38.2 2.9 35.6 2l-2.9-.3-3.8-.3-.3-.2.3-.4c.5 0 1-.1 1.6 0 1 .4 2 .6 3.2.6 2.2-.1 4.4.2 6.5.9 1.3.4 2.8.5 4.2.7l5 1 4 1c1.5.3 3 .6 4.4 1.1l3.8 1.2 4.7 1.4 5.6 2c1.2.2 2.3.8 3.4 1.2 4.4 2 9 4 13.1 6.3 2.5 1.4 5.2 2.6 7.4 4.5.6.5 1.4.8 1.8 1.6l.2.2c1.6.6 2.7 1.7 4 2.8 1.2 1.1 2.6 2.2 3.7 3.5 1.5 2 2.9 4 4 6 .6 1 .7 2.2 1 3.2.6 1.4.4 2.9.5 4.3 0 1.2 0 2.3-.3 3.4-.6 2-1.7 3.5-3.2 4.8-2.2 2-4.7 3.4-7.4 4.5a61.2 61.2 0 0 1-12.2 3.6c-1.6.4-3.2.6-4.9.9a47756.2 47756.2 0 0 1-3.8.6l-6 .4c-1.2 0-2.3.4-3.4.3-1.7-.2-3.3 0-5 0-1.7 0-3.5.3-5.2 0-2.2-.5-4.4 0-6.5-.6-.5-.2-1 0-1.6 0-1.7 0-3.3-.3-4.8-.7-1.2-.3-2.4-.2-3.5-.3-2.2-.3-4.3-.5-6.4-1.2l-.4-.1c-3.9-.1-7.4-1.7-11-2.7-1.8-.6-3.6-1.6-5.3-2.4-1.9-1-3.8-1.8-5.6-2.9-1.7-1-3.3-2.5-5-3.7l-.6-.5c-.2 0-.8-.7-.7.3l-.2.7-.4-.5c-.2 0-.4-.2-.6-.1-.4.1-.4.2-.4 0v-1.4l.3-.1h.6l-.2-.3a34.7 34.7 0 0 1-3.7-5.6c-.2-.4-.4-.3-.7 0-.2.3-.5.7-.8.7-.8 0-.8.3-.8.9l-.4.4-.6-.3-.1-.6c-.4-.8-.2-1.2.7-1.3l1.7-.2-.5-1.8c-.2-.8 0-1.8-.2-2.6-.5-2-.3-4.2-.2-6.3 0-1.4.5-3 1-4.3a18.4 18.4 0 0 1 11.1-11.5c2.2-1 4.4-2 6.8-2.6l5-1.3a52 52 0 0 1 6.7-1c1.4-.2 2.7 0 4-.3 2.6-.5 5.2-.3 7.7-.3 2.1 0 4.2 0 6.3.4 2.8.4 5.6 1.1 8.4 1.7l2.8.5c.3 0 .6 0 .9-.2l.2-.3c-.1 0-.3-.2-.4-.1-.5.5-.8.5-.9-.3 0-.7-.5-.4-1-.1m31 13.3h.3l-.3-.3H91s.2 0 .3.3Zm-22-10.8H69s.2 0 .3.3l.5.1v-.2c-.1 0-.3 0-.5-.2m-3.6-1 .5.1v-.2c-.2 0-.3 0-.5-.2l-1-.2s-.3.3-.3.5l.1.5.5-.4c.2-.2.4-.2.7-.1m28.9 14 .3.1c-.1 0-.3-.1-.3-.4-.4-.5-1-.4-1.5-.5-.4 0-.9 0-1.2-.2-1.8-1-3.5-2.2-5.3-3.3-1.5-.9-3-1.7-4.5-2.3-2.3-1.1-4.7-2-7.1-3l-9-3.9-.6.1.3.4 4 1.8c3.7 1.6 6.8 4 9.2 7.4 1.4 2.1 2.3 4.5 2.2 7.2l-.3 1.1c0 .2-.5.3-.6.3-.8-1-2-1.7-2.5-3a15 15 0 0 0-4.4-6.3l-1.7-1.5c-1.2-1-2.4-2-3.8-2.6-1.2-.5-2.5-.8-3.8-1.1-1.8-.4-3.7-.7-5.5-1.5-.7-.4-1.6-.4-2.5-.7-1.7-.5-3.5 0-5.3-.3l-.5.2c-1.2.4-2.3-.2-3.4-.3-.2-.7-.7-.8-1.1-.3-.7.6-1 .5-1.7 0-.1-.2-.6 0-1 0l.2.4h-.6c-1.2-1.3-2.7-.4-4-.6-.2 0-.4 0-.6.2-.7.6-1.6.8-2.4.7-1.7-.2-3.3.6-4.9 0 0 0 0 .2-.2.2l-1.1.5-4.9 1c-1.5.3-3 .6-4.4 1.3-1.7.7-3.6 1.2-5.3 2.2a18.8 18.8 0 0 0-6.4 5 14 14 0 0 0-2.8 8.4c0 .9.3 1.7.3 2.6.1 1.5.6 2.8 1.2 4.1a23 23 0 0 0 6.9 7.5c2.4 1.9 5.2 3.4 8 4.5 3 1.2 5.8 2.5 8.9 3.3 2.7.6 5.4 1.4 8.1 1.8l5 .7c2.2.4 4.5.4 6.7.9 1.3.2 2.7 0 4 .3 2.3.2 4.6 0 6.8.3 1.8.2 3.6 0 5.5-.2 2.2-.3 4.5 0 6.7-.4 1.3-.2 2.7-.1 4-.2 2.4-.2 4.7-.8 7.1-1 3-.5 5.9-1.2 8.7-2.1 2.9-1 5.9-1.8 8.3-3.6 1.4-1 3-2.2 3.8-3.6 1-1.6 1.7-3.5 1.2-5.7-.7-3.2-2-5.8-4.2-8.1a846 846 0 0 1-3.7-3.7c-.5-.4-.9-1-1.4-1.3-1.1-.9-2.4-1.6-3.6-2.4a1 1 0 0 1-.3-.3V25l.4.1.6.3M52.4 6l.3.6h1.6l.2-.2L53 6h-.6m-8.9-.4c0-.2 0-.4-.2-.5h-.5c-.2.4 0 .6.7.5m12.3 1.5c0-.2-.2-.3-.3-.5l-.3.3.6.2Zm16.4 6.6.7.1.3-.1-.3-.2-.7.1m17 8.1.1.3s.1-.2-.2-.3ZM38.5 4.3l.2.3s0-.2-.2-.3Zm21.8 3.8-.2-.2c0 .1 0 .2.2.2Zm-12.8 4.6.2.1s0-.2-.2-.1Zm52.2 16h-.2s0 .1.2 0Z'/%3E%3C/svg%3E");
  width: 111px;
  left: -25px;
}

.b-title-circle--black span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 159 62'%3E%3Cpath fill='%23231F20' d='M115.209 8.54937c-1.194-.18165-2.235-.33907-3.245-.53282-.704-.14531-1.378-.36328-2.082-.5207-1.316-.27852-2.663-.47227-3.934-.81133-1.898-.49648-3.934-.44805-5.801-1.10195-.8879-.31485-1.9594-.32696-2.939-.47227-.6736-.09687-1.3624-.16953-2.0359-.2664-1.194-.16953-2.3879-.43594-3.5819-.5086-2.2654-.14531-4.5156-.42383-6.7504-.64179-2.1583-.21797-4.3166-.24219-6.4443-.48438-1.9899-.23008-3.9492-.1332-5.9085-.21797-1.4083-.06054-2.8165-.16953-4.2248-.2664-.1224 0-.2296-.10899-.3367-.15743.0918-.03632.1836-.08476.2908-.09687.1684-.01211.3367 0 .5051 0 3.7503 0 7.5005-.02422 11.2507.01211 1.0715 0 2.143.16953 3.2145.24219.1378 0 .3062-.06055.4439-.09688-.1683-.06055-.3367-.12109-.4898-.19375-.1837-.07266-.352-.21797-.551-.23008-1.4695-.10898-2.9237-.25429-4.3932-.2664-4.5309-.03633-9.0618-.02422-13.608 0-1.1786 0-2.3726.16953-3.5512.24218-.1531 0-.3368-.09687-.5052-.15742.1531-.12109.3062-.32695.4898-.35117 1.0715-.12109 2.143-.21797 3.2145-.27852.8113-.04843 1.6226-.03632 2.4339-.03632.8878 0 1.7756.02422 2.6634.03632h2.6941c.3826 0 .7806 0 1.1327-.07265.1531-.02422.2602-.23008.3827-.36328-.1531-.03633-.3062-.08477-.4593-.09688-.7347 0-1.4847-.09687-2.1736.02422-.75.1332-1.2705-.56914-2.1583-.14531C68.2622.981 67.3438.66616 66.609.5935c-.1377-.01211-.2755-.08477-.4133-.1332.1531-.1211.3062-.35118.4746-.36329 1.1174-.03633 2.2654-.15742 3.3369.01211.6429.10898 1.2858-.23008 1.9899.15742.4133.21797 1.3165-.21797 1.99-.19375 2.3113.10899 4.638-.33906 6.9188.24219.1071.02422.2296 0 .3367 0C83.156.39976 85.1.33921 86.9675.61772c2.2042.33907 4.4544.1211 6.6739.70235 1.8062.47226 3.8268.39961 5.7402.59336.6734.07265 1.3774.14531 1.9894.35117 1.776.58125 3.689.67812 5.542.98086 1.484.24219 3 .32695 4.469.75078 3.276.92031 6.659 1.61055 9.981 2.43398 1.622.39961 3.229.8961 4.821 1.36836 1.745.5086 3.521.98086 5.22 1.56211 2.036.70231 4.041 1.48941 6.016 2.30081 1.209.4965 2.296 1.1746 3.505 1.659 2.633 1.0656 5.22 2.1796 7.439 3.766.75.5328 1.807.8355 2.404 1.441 1.347 1.3926 3.26 2.3976 4.209 4.0566.429.7508 1.194 1.3805 1.623 2.1313.826 1.4531 1.591 2.9304 2.234 4.4441.23.5571-.061 1.2473.062 1.8528.214 1.0414 0 2.0343-.184 3.0515 0 .0606-.123.1332-.107.1817.459 1.5257.352 2.8214-.414 4.1171-.382.654-.704 1.3079-.673 2.0465.031.884-.918 1.3805-1.393 2.0586 0 .0121-.23-.0484-.337-.0847-.551-.1817-.796-.0243-.49.3754.245.3269.429.4117-.168.6417-.367.1454-.444.7145-.781 1.0051-.949.8114-1.928 1.6106-2.969 2.3492-.75.5329-1.699.884-2.419 1.429-1.867 1.4046-4.087 2.3855-6.322 3.3543-1.989.8718-4.025 1.7195-6.107 2.4339-3.046 1.0414-6.138 1.9739-9.337 2.6883-2.143.4723-4.24 1.102-6.414 1.5379-1.837.3754-3.75.5449-5.603.8477-2.525.4117-5.02.9203-7.546 1.3078-1.224.1816-2.48.2543-3.72.2664-1.408.0242-2.77.1574-4.0865.5449-.1531.0484-.3368 0-.5052 0-2.5256.0848-5.0972-.0242-7.577.327-2.0511.2906-4.1482-.1575-6.1228.4601-.0919.0363-.2296.0242-.3368 0-1.5919-.448-3.1686.1574-4.7605.0363-1.6072-.1211-3.2451-.0242-4.8677-.0242h-5.036c-1.6226 0-3.2451.0485-4.8677 0-2.7858-.0969-5.5564-.2785-8.3423-.4117-1.0103-.0484-2.0359.0242-3.0155-.1332-2.7553-.4238-5.6024-.0727-8.3271-.7508-1.1174-.2785-2.3573-.1816-3.5359-.3027-1.592-.1574-3.1686-.327-4.7452-.5571-1.5001-.2179-2.9849-.5085-4.4697-.7749-1.6838-.3028-3.3829-.5934-5.0667-.9083-3.3829-.6539-6.6892-1.5621-9.8884-2.5914-2.0511-.6539-4.3166-1.1746-6.0616-2.1675-2.75527-1.5743-6.01568-2.7852-7.80662-5.2676-1.02557-1.4289-1.97461-2.8457-2.57159-4.4805-.56636-1.55-.84189-3.0394-.90312-4.6137-.07654-1.9738.55106-3.8628 1.20926-5.7277 1.53071-4.2504 4.59214-7.7742 8.77097-10.6562 1.5613-1.0778 3.2145-2.1434 5.0514-2.8457 1.7756-.6903 3.4287-1.5379 5.2197-2.2039 3.0461-1.1504 6.1994-2.0829 9.322-3.0274 1.4542-.4359 2.939-.9687 4.4544-1.0898 1.6685-.1332 3.1839-.6297 4.7605-.8477 1.0868-.1453 1.9899-.4117 2.9849-.775 1.2092-.4359 2.5716-.7508 3.9033-.8598 3.0614-.2421 6.0004-.99293 9.0006-1.42887.3673-.04843.7653 0 1.148-.02421.398-.03633.7807-.16954 1.1633-.16954 2.2349 0 4.3626-.53281 6.5974-.61757 2.1889-.08477 4.3778-.44805 6.6127-.48438.9184-.01211 1.8062-.44805 2.7706 0 .153.07266.6735-.1332.7959-.30273.1684-.24219.0919-.58125.1378-.87188-.1071.06055-.2296.10899-.3215.16953-.2142.13321-.4132.26641-.6275.39961-.1225-.21797-.4133-.48437-.3521-.66601.0918-.23008.4898-.55703.7194-.53282.5511.03633 1.0868.23008 1.6226.39961.0918.02422.1837.26641.1224.35118-.5204.85976.1684.79921.8879.79921 6.2146 0 12.4293-.02422 18.644 0 2.3114.01211 4.623.07266 6.904.27852 2.035.19375 4.102.27852 6.092.55703 4.653.62969 9.368 1.04141 13.899 2.28872 2.571.7023 5.02 1.5015 7.439 2.4824 2.051.8355 3.873 1.8769 5.648 2.9789 1.607 1.0051 2.909 2.2887 2.817 4.1051 0 .23.275.4601.275.6902 0 .3148-.122.6297-.183.9445-.337-.109-.674-.2058-1.011-.3269-.092-.0364-.153-.1211-.245-.1817-1.148-.8113-2.28-1.6347-3.428-2.4461-.123-.0847-.245-.2179-.383-.23-1.745-.1938-2.541-1.5137-3.934-2.1192-1.056-.4601-2.189-.8719-2.709-1.8527-.062-.1211-.184-.2664-.597-.1332-1.118.3754-1.96-.0485-2.633-.8235-.368-.4238-.842-.7144-1.653-.7023-.689.0121-1.455-.218-2.052-.5086-1.454-.6902-3.107-.7266-4.668-1.0293-2.342-.4601-4.715-.7629-7.133-.8355-1.317-.0364-2.603-.3754-3.919-.4844-.49-.0485-1.026.2422-1.531.2301-1.347-.0485-2.709-.1575-4.0407-.2786-.7807-.0726-1.5307-.1937-2.3267.0122-.3521.0968-.7807-.0122-1.1633.0242-1.7604.1937-3.5207-.1211-5.2657.0242-3.1686.2422-6.3218.2059-9.4904.2664-.8113.0121-1.5919.4844-2.4338.0121-.0765-.0484-.597.327-.8419.557-.3827.3754-.8266.545-1.4389.4844-1.1786-.109-2.3267-.109-3.49.1817-1.1786.3027-2.4491 0-3.7043.2906-1.2705.3148-2.6788.2422-4.0411.3148-1.5001.0727-2.9849-.109-4.4544.4965-.7959.327-1.898.2785-2.8624.3027-2.4644.0606-4.7911.6782-7.179 1.0172-1.7757.2422-3.536.545-5.2657.8719-2.5257.4844-5.036 1.0656-7.5464 1.6227-.551.1211-1.0715.4238-1.6072.4359-.9338.0242-1.592.2422-2.342.7387-.6276.4117-1.6532.448-2.4951.6418-4.0717.9203-7.8066 2.4461-11.4956 4.0203-3.6737 1.5742-6.7198 3.8265-9.44451 6.309-1.22456 1.114-2.21953 2.434-3.07672 3.766-.6276.9687-.88782 2.107-1.22457 3.1847-.29084.9809-.52044 1.9739-.65821 2.9668-.06123.3875.24492.8114.30614 1.211.199 1.5015 1.10212 2.8336 1.77563 4.2019.35206.7145 1.3011 1.2594 1.95931 1.877 2.44913 2.2887 5.72483 3.5965 9.03123 4.8801 3.092 1.1988 6.3371 2.0465 9.6894 2.6761 2.3266.436 4.5921 1.0657 6.9188 1.5379.9337.1938 1.9134.1938 2.8624.3149 1.4236.1695 2.8318.3633 4.2401.557.4592.0606.9184.2301 1.3929.2301 1.8369 0 3.6278.2422 5.4341.5207 1.0561.1574 2.1429.0848 3.2298.2422 1.7603.2543 3.5971.2543 5.3881.3027 4.2706.109 8.526.1695 12.7967.2785 1.3011.0364 2.6175.3512 3.888.218 4.3778-.4481 8.771-.0121 13.1335-.2785 1.8675-.109 3.7196-.1332 5.5718-.2301 2.4797-.1211 4.9748-.2906 7.4392-.5328 2.0055-.1938 3.9795-.5328 5.9695-.775 1.011-.1211 2.036-.1695 3.046-.2785 2.771-.2907 5.496-.775 8.236-1.2473 3.229-.557 6.383-1.3078 9.567-1.9738 1.944-.3996 3.796-1.0778 5.679-1.6469 5.081-1.5621 9.98-3.4391 14.205-6.2242 1.836-1.211 3.336-2.7246 5.127-3.984 1.424-.993 2.266-2.2766 3.246-3.4754.673-.8234 1.301-1.768 1.377-2.8699.061-1.0899.551-2.1555.612-3.2332.092-1.6106-.443-3.1485-1.484-4.5531-.23-.3028-.842-.3997-1.133-.6782-.949-.9203-1.791-1.9011-2.74-2.8093-1.041-1.0051-2.005-2.0829-3.245-2.9063-1.73-1.1625-3.628-2.2039-5.557-3.1726-1.714-.8598-3.536-1.5864-5.342-2.2887-1.806-.7024-3.643-1.3805-5.526-1.9617-2.985-.9325-6-1.8043-9.016-2.6641-1.377-.3875-2.785-.69023-4.27-.84766-1.087-.12109-2.113-.66601-3.322-1.01718m-8.388-2.78516c.184.03633.352.07266.536.10898.015-.06054.03-.12109.045-.16953-.199-.02422-.397-.04843-.581-.19375-.092-.04843-.199-.14531-.26-.12109-.307.07266-.597-.50859-.904-.02422-.045.06055-.091.12109-.122.18164.26.02422.52.07266.796.08477.168.01211.337 0 .505.1332M92.0341 2.03452c-.3826-.1332-.75-.35117-1.1327-.37539-.8266-.06055-1.6991.08477-2.5103-.03633-2.1277-.33906-4.2707-.48437-6.429-.5207-1.6838-.02422-3.4288 0-5.0361-.31484-.9184-.18164-1.6225.32695-2.4338.07265-.0612-.02422-.1684.07266-.2602.1211.0765.06054.1377.14531.2296.18164.2296.08476.4745.20586.7194.20586 2.1889.03632 4.3779-.06055 6.5668.25429 1.2092.16953 2.4644.06055 3.7196.23008 2.0971.27852 4.2554.23008 6.5514.18164m8.2502 7.31406c.123.08477.23.24219.368.2543 1.913.10898 3.811.15742 5.725.29063 1.056.07265 2.097.26639 3.153.37539 1.439.1453 2.878.2785 4.316.3996.123 0 .245-.0969.368-.1453-.153-.0363-.291-.0969-.444-.109-.735-.0969-1.485-.1453-2.204-.2785-2.679-.49649-5.373-.81134-8.128-.78712-.276 0-.613.06055-.812-.03632-.826-.3875-1.653-.26641-2.326.03632m52.212 13.15082c-.398-.3149-.78-.6297-1.178-.9203-.062-.0485-.215 0-.322 0 0 .0968-.046.2058 0 .2664 1.118 1.2593 2.266 2.5066 3.383 3.7539.122.1453.23.2906.352.4359.031-.2059.184-.4723.077-.6055-.75-.9082-1.546-1.78-2.327-2.9304M86.6614 2.56733c-.5358-.04843-1.0869-.09687-1.6226-.12109-.1225 0-.2449.09688-.3674.14531.1225.09688.2296.2543.3521.26641.5357.06055 1.0715.10898 1.6072.09687.4439 0 .8879-.09687 1.3318-.15742-.3827-.12109-.7654-.24219-1.3011-.23008Zm4.0257.53282c-.3827-.1211-.75-.29063-1.148-.35118-.2755-.03632-.796.02422-.8419.13321-.1684.41172.2755.32695.597.36328.4592.06055.9031.18164 1.3623.24219.0459 0 .1225-.16954.0153-.3875m2.7094.53281c.2449.04844.5051.12109.75.12109.3062 0 .6123-.07265.9185-.12109-.3062-.1332-.597-.31484-.9185-.3875-.2143-.04844-.4898.07266-.75.37539m7.5618.67812c-.184-.06054-.367-.14531-.566-.18164-.184-.02421-.3832 0-.5668 0 .0918.09688.153.21797.2758.26641.291.14531.612.2543.918.3875.031-.12109.077-.24219-.061-.48437m16.455 3.72968c.276.08477.551.19375.842.2543.061.01211.184-.10898.275-.16953-.321-.1211-.627-.26641-.964-.32695-.107-.02422-.704-.29063-.153.24218Zm-7.393-2.13125c-.215 0-.429-.02422-.643 0-.169.02422-.337.09688-.505.14532.137.03632.29.07265.413.10898.23.07266.444.16953.689.20586.03 0 .138-.21797.046-.47227m1.683.54493h-.168c-.291-.08477-.566-.16954-.857-.2543-.015.06055-.077.16953-.061.18164.275.12109.535.2543.826.32695.107.02422.276-.07265.26-.25429ZM66.1651 58.9001c.2296 0 .4439.0001.6735-.0121v-.2421c-.2296-.0122-.4439-.0122-.6735.2542Zm83.6379-37.9992h.658c-.214-.0847-.444-.1816-.658 0Zm3.704 2.1313.552.3633c.045-.0727.137-.1817.122-.1938-.153-.109-.321-.2059-.658-.1695M112.025 5.8853c.138-.02422.276-.04843.429-.07265-.015-.06055-.046-.16953-.061-.16953-.184.02421-.352.06054-.368.23007M96.7334 3.10015s.1378.07265.199.10898c0-.08476-.0153-.15742-.199-.10898Zm2.0206 1.33203s.1377.07265.199.10898c0-.08476-.0153-.15742-.199-.10898Z'/%3E%3C/svg%3E%0A");
  width: 158px;
  left: -20px;
}

.b-title-arrow span {
  position: relative;
  display: inline-block;
}
.b-title-arrow span:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='17' fill='none'%3E%3Cpath fill='%23E6B98B' d='M130 9.6 128.7 8l-1-.7-2.9-2.7c-.7-.5-1.2-1-1.6-1.8-.4-.7-1-1.4-1.8-1.6-.5-.2-1-.6-1.6-.5-.9.2-1.3 1.8-.8 2.6.7 1.3 1.7 2.3 2.7 3.4h-.3a13 13 0 0 0-3.9-.7h-1c-2-.5-4-1-6-1-.8 0-1.7.2-2.4 0-1.9-.6-3.9-.5-5.8-.9-1.3-.2-2.6 0-4-.3-1.8-.3-3.8-.3-5.8-.3h-5.3L82.6 3c-.6 0-1.2.4-1.7.3-1.6-.5-3.4-.5-5-.5-3.6-.2-7.2 0-10.8.2h-.6l-1.4.2c-.7 0-.9.2-.3.7l-.1.3h-1c-.4.7-1.1.2-1.7.3l-2-.2 2-.1 1.7-.1c-.4-.9-1.2-.9-1.9-.8l-10.1.2h-.3c-2 .5-3.9.6-5.8.7-1 0-2.1-.3-3.2.2a7 7 0 0 1-2.7.6h-2.6a67 67 0 0 0-4.7.7c-1 .1-1.9.6-2.7.5-1.8-.2-3.4.5-5 .8l-7 1c-1.7.5-3.5.9-5.2 1.2l-3.6.7-5 1.3c-.2 0-.3.4-.2.5 0 .2.3.3.5.4l-.6.3C1 12.6.2 14.3.3 14.7c.2.5 1.1 1 1.8.8l4.5-1.2c1.3-.3 2.6-1 4-.9 1.3 0 2.5-.8 3.9-.7l2.4-.3c2.1-.5 4.2-1.3 6.4-1.2l.7-.2 2.4-.4 3.2-.6c1-.2 2-.6 3.1-.6 2.1 0 4.1-.5 6.2-.6 2.2-.2 4.4-.5 6.7-.6l7.5-.6c2.6-.2 5.3-.1 8-.3h3.4c1.1 0 2.3.2 3.3-.2 1.1-.4 2 .4 3.1 0 .9-.3 2-.3 3 0h3.6c.8.4 1.8.2 2.7.2 3 .2 6-.2 9.2.3 1.9.3 3.9 0 5.9.4 1.4.2 2.8 0 4.2.2l6.6.7c1.6.3 3.3.2 5 .4l3.4.3 5.3 1c.8 0 1.5.1 2.2.3l-1.2.7-2 1.4c-.3.2-.4.6-.5 1 0 1 .4 2 1.5 2.5.4.1.8.5 1 .4l1.9-1.1c.8-.6 1.4-1.8 2.6-1.9 1-1 2.3-1.7 3.6-2.2.5-.3 1.2-1.7 1-2.1Zm-115.7 2c-.3.1-.4 0-.6-.1l.6-.3c.7 0 .1.3 0 .5Zm5.4-.7c-.5-.6-.9 0-1.4.1-.7.2-1.6 0-2.4 0 1.3-1 2.7-.7 4-.7l.3.4-.5.2ZM23.3 9l-.1-.3c.2 0 .2.2.1.3Zm-.6-.8V8l2-.5.4.2-.2.1-2.2.5ZM27 9.7l-2.1.2c-.4.3-.5.6-.7.2 0-.1-.1-.4 0-.4.3-.4 1-.6 1.8-.6.2 0 .5-.3.8-.2.2 0 .4.3.5.5l-.3.3Zm38.7-5.2-.2-.1.2.1Zm-9.1.1h.5l-.5.1Zm-1-.3c-.2.1-.2 0-.2 0h.2Zm-1.5 0 .4.2-.2.3-2.4-.1c.8-.3 1.5-.3 2.2-.4Zm-5.3.3c.4 0 .9-.4.9.2l-.7.3c-.4 0-.8 0-.2-.5Zm-7.1.5 3.5-.3c.4.2.5.4.6.6l-4 .3-.5-.2c.1-.2.2-.4.4-.4Zm-3.3.9-.2-.1c.2-.1.2 0 .2 0Zm-9.2.8h.9c-.2 0-.3.3-.5.4H29l-.3-.2.5-.2Zm2.3 2L30 9c-.7.5-1.2.8-1.9.6l-.1-.4h.6c0-.3-.2-.8.4-.8.9 0 1.7-.2 2.5-.3l.2.2c0 .1 0 .3-.2.4Zm1-1c-.3 0-.4-.2-.3-.2l.7-.3-.4.6Zm0-1.2-.8.1-.6.1c.2-.2.3-.5.5-.5l3.6-.3.5.2-.4.1c-.9.4-1.9.3-2.8.3Zm23 .4c-.2-.2-.2-.3-.1-.3l1 .1-1 .2ZM68 5.9l-1.1.2c-1.9.1-3.7-.3-5.5.2-2-.6-4.2.5-6.2 0-.7 0-2.2.5-3.1 1h-.4c-1.8-.7-1.7-.7-3.3-.2-.3.2-.7.3-1 .1-.3-.1-.4-.2-.7 0-.2.4-.5.5-.8.1-.4-.5-1-.4-1.5-.2-.5.3-1.1.3-1.7.5-.2 0-.2.2-.3.3v-.3c-.3-.6-.7-.3-1.2 0-.5.2-1 .2-1.6.3h-2.1c-.7 0-1.2.6-1.8.3l-.4.2c-.6.4-1.5.2-1.9-.3l.2-.2a34 34 0 0 1 6.4-1c2.2 0 4.3-.3 6.4-.6.6 0 1.1-.3 1.8-.1L50 6c2.3-.2 4.6-.1 6.9-.6h2c1.1-.2 2.3 0 3.4 0 .6 0 1.2.2 1.8-.2.2-.2.6-.2.9 0 1 .3 1.8.2 2.7 0l.7.3-.5.4Zm9.5-2h.6l.1.2-.4.1L76 4h1.4Zm-2.2 0v.3H75l.3-.2Zm-5.5 0 .4.1-.5.2h-.3c0-.2.2-.3.4-.3ZM72 6.7l-.7-.1.6-.2.3.2-.2.1Zm3.6-.9-1.2.1H71.1l-.3.2-1.5-.4c.5-.2 1-.5 1.4-.5H75c1.6.2 2.9 0 4.2 0l.6.3c-.2 0-.4.3-.5.3-1.2-.2-2.4.4-3.6 0Zm4 .6.2.3c-.2 0-.2-.2-.1-.3ZM81.7 4l-.7.5-.2-.4h.9Zm-.4 2.1-.8-.5h.3c.3 0 1-.5 1 .4-.3.1-.4.2-.5.1ZM84 4.3c.4-.4.7-.6 1.2-.2l-.1.4h-1.2l.1-.2Zm.6 2c-.2 0-.4 0-.5-.2l-.7-.3-.4-.2.3-.1h1.5c.3.1.4.5.6.8h-.8Zm1.9-1.8v-.2l.5.1c-.2.2-.4.1-.5 0v.1Zm1.6 0h-.7 1.1-.4Zm3.3-.1.4-.1c.5.6 0 .2-.1.3l-.3-.2ZM92.5 7l-.9-.2.3-.3c.5-.1 1-.6 1.2.3l-.6.2Zm6.1-1.9-.2-.4h.6c.3.8-.2.2-.4.4Zm3 1.6-.3.3v-.3l.7-.3v.2l-.4.1Zm1.2-.4v-.2l.6.1h-.6v.1Z'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17px;
  top: 30px;
}

.b-title-splash {
  position: relative;
  display: inline-block;
}
.b-title-splash:before {
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='39' fill='none'%3E%3Cpath fill='black' d='m11.7 22 5.9 1.1c.6.2 1 0 1.3-.4.2-.4.2-1 0-1.3a4 4 0 0 0-2-2c-1.7-.7-3.3-1.7-5.3-2a226 226 0 0 0-7.8-.8c-.5 0-1.1 0-1.7.2-1 .4-1.2 1.3-1 2.4.1 1 .5 1.7 1.5 1.8 1 .2 2.2.2 3.2.3l4 .7c.8-.4 1.4 0 2 0ZM24.3 10.8l-1-1.4L21 7.5c-2.5-2-5-4-7-6.4-.5-.4-1.4-.5-2.1-.5-.3 0-.9.7-1 1.2 0 1 0 2.2.8 3.1 1.3 1.6 2.8 3 4.4 4.2l5.6 3.8c.5.3 1.1.4 1.7.4.2 0 .6-.1.6-.3.2-.7.8-1.4.1-2.2ZM14 29.8 8 33c-1.3.7-1.7 1.8-1.3 3.2.3.9 1.3 1.5 2.1 1.2l3.9-1.4.9-.5 3.3-1.6c.8-.5 1.3-1.3 1-2.1a2.8 2.8 0 0 0-4-1.9Z'/%3E%3C/svg%3E");
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='39' fill='none'%3E%3Cpath fill='black' d='m11.7 22 5.9 1.1c.6.2 1 0 1.3-.4.2-.4.2-1 0-1.3a4 4 0 0 0-2-2c-1.7-.7-3.3-1.7-5.3-2a226 226 0 0 0-7.8-.8c-.5 0-1.1 0-1.7.2-1 .4-1.2 1.3-1 2.4.1 1 .5 1.7 1.5 1.8 1 .2 2.2.2 3.2.3l4 .7c.8-.4 1.4 0 2 0ZM24.3 10.8l-1-1.4L21 7.5c-2.5-2-5-4-7-6.4-.5-.4-1.4-.5-2.1-.5-.3 0-.9.7-1 1.2 0 1 0 2.2.8 3.1 1.3 1.6 2.8 3 4.4 4.2l5.6 3.8c.5.3 1.1.4 1.7.4.2 0 .6-.1.6-.3.2-.7.8-1.4.1-2.2ZM14 29.8 8 33c-1.3.7-1.7 1.8-1.3 3.2.3.9 1.3 1.5 2.1 1.2l3.9-1.4.9-.5 3.3-1.6c.8-.5 1.3-1.3 1-2.1a2.8 2.8 0 0 0-4-1.9Z'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  left: -30px;
  top: -16px;
  width: 27px;
  height: 39px;
  background-color: var(--color-red);
}
.b-title-splash:after {
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='40' fill='none'%3E%3Cpath fill='black' d='M32.4 22.4c0-1-.1-2-1.1-2.7l-1.7-.7-3-1.5a19 19 0 0 0-2.8-1l-6-1.5c-2.5-.4-5-1.1-7.5-1-.8 0-1.3.2-1.7.8l-.8 2c-.3.8.4 1.8 1.2 2l3 .1c2 0 3.7.8 5.7 1 2.4.2 4.9.8 7.2 1.6 2.2.6 4.2 1.7 6.6 1.6.4-.2 1-.5 1-.7ZM12.9 34.6c-.6-2-1.9-3.5-3-5s-2.3-2.7-3-4.3c-.5-.8-2.1-1.2-2.5-.5-.4.6-.5 1.4-.7 2-.6 2 .4 3.2 1.5 4.5l6 6.8c.2.7.7 1 1.3.9.6-.2 1-.5 1-1.3.2-1.1-.3-2-.6-3ZM15.6 9.8l3.6-.6c2-.3 2.8-1.6 2.2-3.4-.4-1.3-.8-1.4-2.1-.9-1.5.5-3 1-4.4 1.3-1.3.4-2.7.5-4 .8-1 .3-1.8 1.3-1.9 2.4 0 1 0 1.3 1 1.3l1.6-.1 4-.7ZM35.6 15s-.2-.1-.2 0h.2Z'/%3E%3C/svg%3E");
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='40' fill='none'%3E%3Cpath fill='black' d='M32.4 22.4c0-1-.1-2-1.1-2.7l-1.7-.7-3-1.5a19 19 0 0 0-2.8-1l-6-1.5c-2.5-.4-5-1.1-7.5-1-.8 0-1.3.2-1.7.8l-.8 2c-.3.8.4 1.8 1.2 2l3 .1c2 0 3.7.8 5.7 1 2.4.2 4.9.8 7.2 1.6 2.2.6 4.2 1.7 6.6 1.6.4-.2 1-.5 1-.7ZM12.9 34.6c-.6-2-1.9-3.5-3-5s-2.3-2.7-3-4.3c-.5-.8-2.1-1.2-2.5-.5-.4.6-.5 1.4-.7 2-.6 2 .4 3.2 1.5 4.5l6 6.8c.2.7.7 1 1.3.9.6-.2 1-.5 1-1.3.2-1.1-.3-2-.6-3ZM15.6 9.8l3.6-.6c2-.3 2.8-1.6 2.2-3.4-.4-1.3-.8-1.4-2.1-.9-1.5.5-3 1-4.4 1.3-1.3.4-2.7.5-4 .8-1 .3-1.8 1.3-1.9 2.4 0 1 0 1.3 1 1.3l1.6-.1 4-.7ZM35.6 15s-.2-.1-.2 0h.2Z'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  right: -39px;
  top: 8px;
  width: 36px;
  height: 40px;
  background-color: var(--color-red);
}

.b-title-splash--blue:before, .b-title-splash--blue:after {
  background-color: var(--color-tertiary-100);
}

.b-title-arrow-down {
  display: inline-block;
  padding-bottom: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='46' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300A6BF' d='M54.402 1.357c-1.211-.333-2.05-1.384-3.553-1.238-2.075.213-4.204-.066-6.306-.12-.545-.013-1.09.027-1.636.04-2.036.054-4.085.107-6.213.214-.945.106-1.81.2-2.661.186-1.903-.027-3.819.146-5.708.266-3.366.226-6.758.186-10.111.798-.971.173-1.996.053-2.954.293-1.836.439-3.698.026-5.547.346-2.302.399-4.657.479-6.985.758-.679.08-1.557-.2-1.956.652-.306.679-.625 1.37-.745 2.089-.053.32-.04.785.452 1.144 1.065.798 2.05 1.503 3.42.718 3.791-.16 7.397-1.516 11.202-1.69 2.248-.092 4.483-.611 6.758-.425.133 0 .306 0 .386-.08.758-.625 1.716-.439 2.528-.386 2.288.133 4.537-.093 6.799-.266 1.357-.106 2.7.24 4.07-.2.692-.225 1.557.107 2.329.067 1.796-.093 3.592-.266 5.401-.399.107 0 .24.12.36.186-.08.147-.147.386-.266.413-2.142.519-4.298 1.01-6.44 1.503-.918.213-1.862.373-2.767.639-1.184.346-2.315.825-3.499 1.17-1.21.36-2.435.719-3.672.945-1.051.2-2.115.266-2.98.998-.067.053-.173.053-.266.066-1.916.24-3.699.799-5.282 1.93-.812.585-1.65 1.13-2.408 1.756-.958.785-1.85 1.663-2.82 2.448-1.132.931-.959 2.328-1.331 3.512-.067.213.106.532.213.772.785 1.796 2.168 2.9 4.044 3.38 1.69.438 3.406.824 5.122 1.183.533.107 1.238-.133 1.623.133.919.652 1.97.692 2.98.918 1.158.266 2.156.798 3.194 1.344.572.293.532.452.093.732-1.197.745-2.01 1.849-2.847 2.94-.958 1.25-2.089 4.444-2.102 6.346-.107-.2-.213-.4-.32-.585-.598-1.011-1.197-1.97-2.035-2.768a1.082 1.082 0 0 0-.599-.24c-1.157-.052-2.222.892-2.541 1.77-.093.253-.24.612-.146.785.386.639.479 1.45 1.157 1.916.213.146.386.373.612.599.452.665.878 1.29 1.277 1.916.772 1.184 1.584 2.341 2.222 3.605.32.625 1.317 1.237 1.863 1.051.678-.226 1.463-.479 1.796-1.13.306-.573.718-.998 1.144-1.464 1.024-1.091 2.009-2.235 3.007-3.34.133-.146.28-.332.452-.399 1.33-.492 1.89-1.623 2.315-2.834.107-.319.053-.785-.12-1.077-.266-.466-1.81-.745-2.261-.492-1.278.678-2.315 1.69-3.406 2.594-.187.146-.346.32-.506.492.067-.386.107-.745.12-1.01.253-2.023 1.011-3.287 2.647-4.192.772-.425 1.37-1.197 1.943-1.902.559-.719 1.157-1.49.891-2.515a14.57 14.57 0 0 0-.558-1.676c-.2-.519-.373-1.104-.719-1.517-1.13-1.344-2.66-2.248-4.257-2.82-2.023-.719-4.178-.998-6.2-1.77-1.464-.545-3.087-.625-4.484-1.397-.28-.146-.505-.372-.758-.572.2-.226.346-.532.599-.678 1.317-.772 2.607-1.623 4.004-2.236 2.528-1.117 5.07-2.221 7.69-3.06 3.127-1.01 6.346-1.769 9.54-2.607.425-.107 1.01.106 1.33-.107 1.05-.705 2.248-.705 3.419-.918 1.37-.252 2.7-.691 4.071-1.01 1.45-.333 2.914-.56 4.35-.919 1.038-.252 2.222-.572 2.675-1.583.426-.945.439-2.102.505-3.166.027-.293-.332-.825-.598-.905l-.04.08ZM33.567.984s.093.107.147.16c-.16.027-.16-.067-.147-.16Zm4.071.014c-.08-.04-.133-.16-.186-.24h.4c.106.293 0 .346-.2.24h-.014Zm.892.066c.16-.027.16.067.146.16-.053-.053-.093-.107-.146-.16Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h55v45.581H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 90% 100%;
}

.b-title-arrow,
.b-title-splash,
.b-title-circle,
.b-title-arrow-down {
  transform: rotate(-1deg);
}

.b-error-message {
  color: #842029;
  font-size: 1rem;
  text-align: center;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  padding: 1rem;
  border-radius: 8px;
  max-width: 400px;
  margin: 1rem auto;
}
.b-error-message:before {
  content: "⚠️ ";
  display: block;
  font-size: 2rem;
}

/* ==========================================================================
 # COLOR SCHEMES
========================================================================== */
.site {
  --header-bg-color: transparent;
  --header-text-color: var(--color-text);
  --header-tag-color: var(--color-text);
  --header-link-color: var(--color-primary-100);
  --header-subtitle-color: var(--color-text);
  --header-accent-color: var(--color-primary-100);
  --text-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='9' fill='none'%3E%3Cpath stroke='%23E6B98B' stroke-miterlimit='10' stroke-width='6' d='M1 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E");
  --headings-color: var(--color-primary-100);
  --quote-color: var(--color-secondary-100);
  --quote-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='12' fill='none'%3E%3Cpath stroke='%238DC9A6' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E") ;
}

:root:root .has-color-scheme {
  background-image: none;
}

:root:root .has-color-scheme--sand-green {
  --header-accent-color: var(--color-secondary-100);
}

:root:root .has-color-scheme--sand-sand {
  --header-accent-color: var(--color-primary-100);
  --headings-color: var(--color-primary-100);
}

:root:root .has-color-scheme--sand-red {
  --header-accent-color: var(--color-red);
  --headings-color: var(--color-red);
}

:root:root .has-color-scheme--sand-blue {
  --header-accent-color: var(--color-tertiary-25);
  --headings-color: var(--color-tertiary-50);
}

:root:root .has-color-scheme--sand-red,
:root:root .has-color-scheme--sand-blue,
:root:root .has-color-scheme--blue-blue,
:root:root .has-color-scheme--blue-sand {
  --quote-color: var(--color-primary-100);
  --quote-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='12' fill='none'%3E%3Cpath stroke='%23E6B98B' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E") ;
}

[class*=has-color-scheme--sand-] {
  --header-bg-color: var(--color-primary-0) !important;
}

:root:root .has-color-scheme--blue-sand,
:root:root .has-color-scheme--green-sand,
:root:root .has-color-scheme--green-green,
:root:root .has-color-scheme--blue-blue {
  --header-text-color: white;
  --header-tag-color: var(--color-text);
  --header-link-color: var(--color-primary-50);
  --header-subtitle-color: var(--color-primary-0);
}

:root:root .has-color-scheme--blue-sand {
  --header-bg-color: var(--color-tertiary-100);
  --header-accent-color: var(--color-primary-50);
}

:root:root .has-color-scheme--blue-blue {
  --header-bg-color: var(--color-tertiary-150);
  --header-accent-color: var(--color-tertiary-25);
  --text-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='9' fill='none'%3E%3Cpath stroke='%2300A6BF' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E");
  --headings-color: var(--color-tertiary-50);
}

:root:root .has-color-scheme--green-sand {
  --header-bg-color: var(--color-secondary-150);
  --header-accent-color: var(--color-primary-50);
}

:root:root .has-color-scheme--green-green {
  --header-bg-color: var(--color-secondary-200);
  --header-accent-color: var(--color-secondary-100);
  --text-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='9' fill='none'%3E%3Cpath stroke='%2335B4A1' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E") ;
}

.header-wrapper {
  position: relative;
  background-color: var(--header-bg-color);
  color: var(--header-text-color);
}

button,
.b-button,
input[type=submit] {
  font-family: var(--font-family-accent);
  background: var(--color-primary-75);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: -0.05%;
  color: white;
  transition: background-color 0.2s ease;
}
button:disabled,
.b-button:disabled,
input[type=submit]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

button:hover,
.b-button:hover,
input[type=submit]:hover {
  background: var(--color-primary-100);
  color: white;
}

.b-button--tertiary {
  color: var(--color-text);
  background: var(--color-primary-0);
}
.b-button--tertiary:hover {
  color: var(--color-text);
  background: var(--color-primary-10);
}

.button--light {
  background: var(--color-primary-50);
  color: var(--color-text);
}
.button--light:hover {
  background: var(--color-primary-75);
  color: var(--color-text);
}

.b-button--forward:after {
  content: "";
  margin-left: 0.25rem;
  margin-top: 0.15rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='size-5' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  transform: translateX(0);
  transition: transform 0.2s;
}

.b-button--forward:hover:after {
  transform: translateX(0.25rem);
}

.b-button--secondary,
.b-select-button,
.b-button--small {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 0;
  box-shadow: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--font-family-base);
  text-transform: initial;
  letter-spacing: 0.1px;
  font-size: 0.75rem;
  font-weight: 700;
}
.b-button--secondary svg,
.b-select-button svg,
.b-button--small svg {
  width: 0.9rem;
  height: 0.9rem;
}

.b-button--secondary,
.b-select-button {
  color: var(--color-text);
  background-color: var(--color-white-25);
  font-weight: 500;
}
.b-button--secondary svg,
.b-select-button svg {
  width: 0.9rem;
  height: 0.9rem;
}

.b-button--white {
  background: white;
  border: 1px solid white;
  transition: border 0.2s ease;
}
.b-button--white:hover {
  background: white;
  color: var(--color-gray-4);
  border: 1px solid var(--color-primary-100);
}

.b-button--outline {
  padding: 12px 18px 12px 18px;
  border-radius: 8px;
  border: 1px solid var(--color-primary-100);
  box-shadow: none;
  background-color: var(--color-white-50);
  color: var(--color-primary-100);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1rem;
  font-family: var(--font-family-base);
  text-transform: none;
  line-height: 1.2;
}
.b-button--outline:hover {
  background-color: var(--color-primary-100);
}

.b-button--outline.b-button--small {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}

.b-button--fill {
  width: 100%;
}

.b-select-button {
  background-color: white;
  padding: 0;
  position: relative;
}
.b-select-button svg {
  pointer-events: none;
  position: absolute;
  left: 0.5rem;
}
.b-select-button select {
  font-size: 0.75rem;
  background-color: white;
  border: 0;
  background-position: right 0.5rem center;
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
  background-size: 13px 10px;
}
.b-select-button svg + select {
  padding-left: 1.7rem;
}

.button--link {
  all: unset;
  text-decoration: underline;
  cursor: pointer;
}

.button--icon-only {
  all: unset;
  vertical-align: middle;
  line-height: 0;
  cursor: pointer;
}
.button--icon-only:hover {
  color: var(--color-primary-100);
  background: transparent;
}

.b-pill-on-air {
  display: inline-block;
  background: var(--color-red);
  color: white;
  font-weight: 600;
  padding: 0.1rem 1rem;
  border-radius: 4px;
  font-size: var(--font-size-md);
}
.b-pill-on-air:before {
  content: "●";
  border-radius: 50%;
  opacity: 1;
  animation: fade-in-out 3s infinite;
  padding-right: 0.5rem;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1rem;
}

@keyframes fade-in-out {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}
:root {
  --checkbox-border-color: #8b8c89;
  --checkbox-checked-color: #274c77;
  --checkbox-hover-color: #a3cef1;
  --checkbox-disabled-bg-color: #d9d9d9;
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
textarea {
  padding: 12px 16px;
  border-radius: 8px;
  border: 0;
  box-shadow: none;
  background-color: white;
  font-size: 1rem;
  color: var(--color-text);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-gray-4);
  font-style: italic;
  font-size: 0.875rem;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  color: var(--color-gray-4);
  font-style: italic;
  font-size: 0.875rem;
}

input, textarea, select {
  font-family: var(--font-family-base), sans-serif;
}

label {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 5px;
  display: block;
}

select {
  padding: 12px 38px 12px 18px;
  border-radius: 8px;
  border: 1.5px solid rgb(213, 201, 190);
  box-shadow: none;
  background-color: var(--color-white-50);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1rem;
  color: var(--color-text);
}

label:has(input[type=checkbox]),
label:has(input[type=radio]) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}
label:has(input[type=checkbox]) input,
label:has(input[type=radio]) input {
  position: relative;
  top: 2px;
}

:root {
  --checkbox-border-color: #D9D8D8;
  --checkbox-checked-color: #274c77;
}

input[type=checkbox] {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 3px solid white;
  background: rgb(245, 244, 244);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  flex: none;
  transition: outline 0.1s;
  box-shadow: 0 0 0 1px rgb(217, 216, 216);
}

input[type=checkbox]:indeterminate,
input[type=checkbox]:checked {
  background-size: cover;
  padding: 2px;
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--color-tertiary-50);
}

input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23006486" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

input[type=checkbox]:indeterminate {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23006486" d="M 0 20 l 0 -6 l 40 0 L 40 20"/></svg>');
}

input[type=checkbox]:disabled {
  opacity: 0.8;
}

select[disabled] {
  opacity: 0.5;
}

.o-wrapper {
  margin: 0 auto;
  padding-left: min(1rem, 5%);
  padding-right: min(1rem, 5%);
  max-width: calc(1200px + 2rem);
}

.o-wrapper--medium {
  max-width: 800px;
}

.o-wrapper--large {
  max-width: calc(978px + 2rem);
}

.o-wrapper--small {
  max-width: 550px;
}

.o-wrapper--narrow {
  max-width: 680px;
}

.o-wrapper--xl {
  max-width: calc(1120px + 2rem);
}

@media (max-width: 46.24em) {
  .o-wrapper--max-mobile {
    max-width: 500px;
  }
}

.o-container-tertiary {
  background-color: var(--color-tertiary-100);
  border-radius: 1rem;
  padding: 1rem;
  color: white;
}

.o-container-beige {
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23EEE3DA' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23EEE3DA' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
  position: relative;
}

.o-container-swirl:after {
  content: "";
  display: block;
  background: url("../images/scribble-orange.svg") no-repeat center center;
  height: 19px;
  width: 100px;
  left: 20%;
  bottom: -7px;
  position: absolute;
}

.o-container-white {
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23FFFFFF' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23FFFFFF' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
}

.o-card-and-links-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: column;
}
.o-card-and-links-wrapper > * {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .o-card-and-links-wrapper {
    flex-direction: row;
    flex-flow: wrap;
  }
  .o-card-and-links-wrapper > *:last-child {
    flex: none;
    width: 100%;
  }
}
@media (min-width: 61.25em) {
  .o-card-and-links-wrapper {
    flex-direction: row;
    flex-flow: wrap;
  }
  .o-card-and-links-wrapper > *:last-child {
    flex: 1;
    width: auto;
  }
}

@media (min-width: 46.25em) {
  .o-flex-with-hard-sidebar {
    display: flex;
    gap: 1rem;
  }
  .o-flex-with-hard-sidebar > div {
    flex: 1;
  }
  .o-flex-with-hard-sidebar > aside {
    width: 360px;
    max-width: 40%;
    flex: none;
  }
}

.o-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  display: flex;
  gap: 0.75rem;
  flex-direction: column;
}
.o-link-list li {
  margin: 0;
  padding: 0;
}
.o-link-list li:nth-child(n+4):not(.o-link-list__all) {
  display: none;
}
@media (min-width: 46.25em) {
  .o-link-list {
    flex-direction: row;
  }
  .o-link-list li:not(.o-link-list__all) {
    display: block !important;
    flex: none;
    width: calc(50% - 0.374rem);
  }
  .o-link-list .o-link-list__all {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .o-link-list li:not(.o-link-list__all) {
    width: calc(33.33% - 0.5rem);
  }
}

.o-three-cards,
.o-two-cards {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
.o-three-cards > *,
.o-two-cards > * {
  flex: none;
}

@media (min-width: 46.25em) {
  .o-two-cards {
    flex-direction: row;
  }
  .o-two-cards > * {
    width: calc(50% - 1rem);
  }
}

@media (min-width: 46.25em) {
  .o-three-cards {
    flex-direction: row;
  }
  .o-three-cards > * {
    width: calc(33.33% - 1rem);
  }
}

.c-loader {
  text-align: center;
  display: block;
  margin: 0 auto;
  display: block;
  padding: 2rem;
}

.c-loader__spinner {
  width: 40px;
  display: block;
  margin: 0 auto 1rem auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, var(--color-primary-100) 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, var(--color-primary-100));
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.c-card-link {
  background: var(--color-primary-0);
  padding: 1rem 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  border-radius: 8px;
  font-weight: 700;
  color: var(--color-text);
  text-decoration: none;
  line-height: 1.2;
  transition: all 0.2s ease;
  width: 100%;
}
.c-card-link:hover {
  background: var(--color-primary-25);
  color: var(--color-text);
}
.c-card-link:hover .c-card-link__arrow {
  transform: translateX(5px);
}

.c-card-link__icon {
  display: none;
  width: 48px;
  height: 48px;
  fill: var(--color-secondary-100);
}
@media (min-width: 46.25em) {
  .c-card-link__icon {
    display: block;
  }
}

.c-card-link__arrow {
  transition: transform 0.3s;
  margin-right: 0;
  margin-left: auto;
}

.c-card-link + .c-card-link {
  margin-top: 1rem;
}

/*
 * Small Card Link
 */
.c-card-link--small + .c-card-link--small {
  margin-top: 0.5rem;
}

/*
 * Reverse Card Link
 */
.c-card-link--reverse {
  flex-direction: row-reverse;
  text-align: right;
}
.c-card-link--reverse .c-card-link__arrow {
  margin-right: auto;
  margin-left: 0;
}
.c-card-link--reverse .c-card-link__icon {
  margin-left: auto;
  margin-right: 0;
}

/*
 * Featured card Link
 */
.c-card-link--featured {
  padding-left: 2rem;
  padding-right: 2rem;
  background: var(--color-primary-50);
}
.c-card-link--featured .c-card-link__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.c-card-link--featured .c-card-link__title span {
  font-size: var(--fluid-24-40);
  color: white;
}
.c-card-link--featured:hover {
  background: var(--color-primary-75);
}

:root .c-card-person {
  background: white;
  padding: 10px 12px;
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 8px;
  width: 100%;
  font-size: 0.875rem;
}
:root .c-card-person summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
:root .c-card-person summary::-webkit-details-marker {
  display: none;
}
:root .c-card-person h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text);
  margin: 0;
}
:root .c-card-person h4 {
  font-size: 0.875rem;
  color: var(--color-primary-100);
  margin: 0;
}
:root .c-card-person img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
:root .c-card-person h5 {
  font-size: 0.875rem;
  color: var(--color-gray-4);
  margin: 0;
  line-height: 1.2;
  font-weight: 500;
}
:root .c-card-person cite {
  font-style: normal;
  color: var(--color-text);
  line-height: 1.5;
  padding-top: 0.5rem;
  display: block;
}
:root .c-card-person summary svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-primary-100);
  margin-right: 0;
  margin-left: auto;
}
:root .c-card-person footer a svg {
  width: 1rem;
  height: 1rem;
  color: var(--color-text);
  transition: color 0.2s;
}
:root .c-card-person footer a svg:hover {
  color: var(--color-primary-100);
}
:root .c-card-person > div {
  padding: 1rem;
}
:root .c-card-person[open] summary svg {
  transform: rotate(180deg);
}

.c-card-person.is-force-opened {
  padding: 1.75rem 1.75rem 1.75rem 160px;
  position: relative;
}
.c-card-person.is-force-opened summary {
  display: block;
  pointer-events: none;
}
.c-card-person.is-force-opened summary svg {
  display: none;
}
.c-card-person.is-force-opened img {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.c-card-person.is-force-opened > div {
  padding: 0;
}
.c-card-person.is-force-opened h5 {
  padding-bottom: 1rem;
}

.c-card-details {
  background: white;
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 8px;
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 1.25rem;
}
.c-card-details summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
}
.c-card-details summary::-webkit-details-marker {
  display: none;
}
.c-card-details[open] summary svg {
  transform: rotate(180deg);
}
.c-card-details div {
  margin-top: 0.5rem;
}
.c-card-details.is-force-opened {
  padding: 2rem;
}
.c-card-details.is-force-opened summary {
  font-size: 1.25rem;
  pointer-events: none;
}
.c-card-details.is-force-opened summary svg {
  display: none;
}

.c-button-card {
  position: relative;
  display: flex;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  flex-direction: column;
  flex-grow: 1;
}
.c-button-card h2, .c-button-card h3 {
  margin-bottom: 0;
}
.c-button-card h2 {
  display: inline-block;
  font-size: var(--font-size-sm);
}
.c-button-card h3 {
  font-size: 1.25rem;
}
.c-button-card p {
  margin: 1rem 0 0 0;
}
.c-button-card .c-button-card__content {
  padding: 1.25rem;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.c-button-card footer {
  text-align: right;
}
.c-button-card footer svg {
  transition: transform 0.3s;
}
.c-button-card figure {
  width: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: 365/240;
  overflow: hidden;
}
.c-button-card figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s;
}
.c-button-card:hover img {
  transform: scale(1.05);
}
.c-button-card:hover footer svg {
  transform: translateX(5px);
}

.c-button-card--landscape {
  flex-direction: row;
  align-items: stretch;
}
.c-button-card--landscape h3 {
  font-size: var(--font-size-lg);
}
.c-button-card--landscape figure {
  width: 40%;
  flex-shrink: 0;
  height: initial;
}
.c-button-card--landscape .c-button-card__content {
  width: 100%;
  padding: 2rem 1rem 2rem 2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: initial;
}
.c-button-card--landscape footer {
  margin-bottom: 5px;
  text-align: right;
}
@media (min-width: 46.25em) {
  .c-button-card--landscape figure {
    width: 50%;
  }
}

@media (max-width: 46.24em) {
  .c-button-card--landscape,
  .c-button-card--compact {
    flex-direction: row;
  }
  .c-button-card--landscape figure,
  .c-button-card--compact figure {
    flex: none;
    width: 40%;
    height: initial;
  }
  .c-button-card--landscape .c-button-card__content,
  .c-button-card--compact .c-button-card__content {
    width: 100%;
    padding: 1.25rem 1rem 1.25rem 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: initial;
  }
  .c-button-card--landscape h2,
  .c-button-card--compact h2 {
    display: none;
  }
  .c-button-card--landscape p,
  .c-button-card--compact p {
    display: none;
  }
  .c-button-card--landscape footer,
  .c-button-card--compact footer {
    margin: 0;
  }
}
.c-button-card--landscape h3,
.c-button-card--compact h3 {
  font-size: var(--font-size-lg);
}

.c-button-card--bg {
  background: var(--color-primary-0);
}

.c-button-card--grow-image figure {
  flex-grow: 1;
}
.c-button-card--grow-image .c-button-card__content {
  padding: 2rem;
}

.c-button-card--button {
  text-align: center;
}
@media (min-width: 46.25em) {
  .c-button-card--button .c-button-card__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.c-button-card--button p {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.c-button-card--button .c-button-card__content {
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.c-button-card--button footer {
  text-align: center;
}

.c-button-card--square figure {
  aspect-ratio: 436/379;
}

/*
 * All styles in this file are deliberately scoped to the main nav component, encapsulated, standalone and is exportable to css without preprocessor
 * So these styles can be used in the action platform without any modification
 */
.header-wrapper {
  padding-top: 1rem;
}

.c-main-nav {
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  width: 100%;
  margin: 0 auto 1rem auto;
  background: white;
  border-radius: 100px;
  position: relative;
  padding: 10px;
  z-index: 10;
  justify-content: space-between;
  --color-button-bg: #E6B98B;
  --color-active: #C6753C;
  --font-size-xs: 0.75rem;
  --color-primary-25: #EDCAAB;
}

.c-main-nav__logo {
  line-height: 0;
}

.c-main-nav__logo-desktop {
  display: none;
}

.c-main-nav a {
  text-decoration: none;
  color: #231F20;
  display: block;
  transition: color 0.2s ease;
}

.c-main-nav a:hover {
  color: var(--color-active);
}

.c-main-nav menu {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.c-main-nav__primary a {
  font-weight: 600;
  padding: 0 0.2rem;
  font-size: 0.875rem;
}

.c-main-nav__secondary {
  font-size: var(--font-size-xs);
  font-weight: 400;
  gap: 0.75rem;
  align-items: center;
}

.c-main-nav__secondary a {
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--header-text-color);
}

:root .c-main-nav__button {
  background: var(--color-button-bg);
  border-radius: 4px;
  padding: 0.25rem 0.625rem;
  font-weight: 600;
  transition: background 0.2s ease;
  color: #231F20;
}

:root .c-main-nav__button:hover {
  background: var(--color-active);
  color: white;
}

.c-main-nav__end {
  margin-left: auto;
  display: none;
  gap: 1rem;
  align-items: center;
  margin-right: 0.5rem;
}
.c-main-nav__end svg {
  color: var(--header-text-color);
}

@media screen and (min-width: 390px) {
  .c-main-nav {
    width: min(97%, 600px);
  }
  .c-main-nav__primary a {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1030px) {
  .c-main-nav {
    width: 100%;
    margin: 0;
    background: transparent;
    border-radius: 0;
    padding: 0 1rem 1rem 1rem;
    justify-content: space-between;
  }
  .c-main-nav__logo {
    flex: 1;
    display: flex;
  }
  .c-main-nav__primary a {
    padding: 0.75rem 1rem;
  }
  .c-main-nav__logo-desktop {
    display: block;
  }
  .c-main-nav__logo-mobile {
    display: none;
  }
  .c-main-nav__end {
    display: flex;
    flex: 1;
    justify-content: end;
  }
  :root .c-main-nav__primary {
    padding: 0 1rem;
    background: white;
    border-radius: 100px;
  }
}
.menu-toggle {
  width: 18px;
  height: 14px;
  padding: 0;
  margin: 0 1rem 0 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.menu-toggle__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-toggle:focus,
.menu-toggle:hover {
  background-color: transparent;
}

.menu-toggle__bars,
.menu-toggle__bars::before,
.menu-toggle__bars::after {
  display: block;
  width: 18px;
  background-color: #2E4D50;
  height: 2px;
  transition-property: transform;
  position: absolute;
}

.menu-toggle__text {
  clip: rect(0 0 0 0);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.menu-toggle__bars {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
  top: 50%;
}

.menu-toggle__bars::before,
.menu-toggle__bars::after {
  content: " ";
  left: 0;
}

.menu-toggle__bars::before {
  top: -6px;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.menu-toggle__bars::after {
  bottom: -6px;
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

@media screen and (min-width: 1030px) {
  .menu-toggle {
    display: none;
  }
}
.c-mobile-nav {
  top: 64px;
  bottom: auto;
  border: 0;
  padding: 0.5rem 1rem;
  border-radius: 0 0 8px 8px;
  font-size: 0.75rem;
  position: absolute;
  background: var(--color-primary-25);
  align-items: center;
}
.c-mobile-nav menu {
  gap: 0.3rem;
  align-items: center;
}

.popover-not-supported .c-mobile-nav.is-open {
  top: 49px;
  left: 50%;
  transform: translateX(-50%) !important;
  min-width: 290px;
}

.c-logo__desktop {
  display: none;
}

@media screen and (min-width: 700px) {
  .c-logo__mobile {
    display: none;
  }
  .c-logo__desktop {
    display: block;
  }
}
.c-hero {
  text-align: left;
  padding: 6rem 0 3rem 0;
}
@media (min-width: 46.25em) {
  .c-hero {
    max-width: 550px;
    padding: 5rem 0 6rem 0;
    margin: 0 auto;
    text-align: center;
  }
}

.c-hero--page {
  padding: 4.5rem 0;
}
@media (min-width: 46.25em) {
  .c-hero--page {
    padding: 3.5rem 0;
  }
}

.c-hero__title {
  margin: -2.4rem 0 0 0;
}

/* ==========================================================================
 # Project select
========================================================================== */
.c-project-select {
  background: white;
  padding: 3rem min(5%, 3rem) 0 min(5%, 3rem);
  border-radius: 12px;
}

.c-project-select__selector {
  text-align: center;
  display: inline-flex;
  gap: 0.5rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 390px) {
  .c-project-select__selector {
    flex-direction: row;
    justify-content: center;
  }
}

.c-project-select:has(.is-selected) .c-project:not(.is-selected) {
  opacity: 0.8;
}

.c-project-card.is-selected {
  background-color: var(--color-primary-0);
  border: 1px solid var(--color-primary-100);
}

.c-project-select_results {
  width: min(500px, 100%);
  margin: 0 auto;
  padding: 0 0 1.5rem 0;
}
.c-project-select_results.is-empty {
  padding-top: 0;
}

/* ==========================================================================
 # Project index
========================================================================== */
.c-projects {
  display: flex;
  gap: 1rem;
}

.c-projects__filters {
  width: 265px;
  padding: 1rem;
  background: white;
}
.c-projects__filters header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.c-projects__filters label {
  margin-bottom: 0.5rem;
}
.c-projects__filters h3 {
  font-size: 1rem;
  margin: 0;
}
.c-projects__filters h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
@media (min-width: 61.25em) {
  .c-projects__filters {
    border-radius: 0.5rem;
  }
}

.c-projects__main {
  flex-grow: 1;
}
.c-projects__main h2 {
  flex: none;
  width: 100%;
}
@media (min-width: 61.25em) {
  .c-projects__main h2 {
    width: auto;
  }
}

/* ==========================================================================
 # Project Single
========================================================================== */
.c-project-detail {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 20em) {
  .c-project-detail aside {
    width: min(600px, 100vw);
    margin: 0 auto;
  }
}
@media (min-width: 61.25em) {
  .c-project-detail {
    flex-direction: row;
    margin: 0 auto;
    padding-left: min(1rem, 5%);
    padding-right: min(1rem, 5%);
    max-width: 1200px;
  }
  .c-project-detail main {
    max-width: 740px;
    margin: 0 auto;
  }
  .c-project-detail aside {
    width: min(360px, 40%);
    flex: none;
  }
}
.c-project-detail h1 {
  margin-top: 5px;
}

.c-project-detail main section {
  position: relative;
}

.c-project-detail main section:nth-child(2):after {
  content: "";
  opacity: 0.7;
  position: absolute;
  display: block;
  background: url("../images/grunge-compass.svg") no-repeat;
  background-size: 100%;
  width: 239px;
  height: 249px;
  z-index: 0;
  top: -30px;
  right: -50px;
}

.c-project-detail main section:nth-child(3):after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/grunge-map-point.svg") no-repeat;
  background-size: 100%;
  width: 155px;
  height: 204px;
  z-index: -1;
  top: 20px;
  left: -20px;
}

@media (max-width: 61.24em) {
  .c-project-detail main section {
    padding-left: min(1rem, 5%);
    padding-right: min(1rem, 5%);
  }
  .c-project-detail main section > * {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .c-project-detail main section:nth-child(2) {
    background: var(--color-primary-0);
    overflow: hidden;
    -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23EEE3DA' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
       border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 711'%3E%3Cpath fill='%23EEE3DA' d='M-16 0s97.95 11.84 173.94 8.9c76-2.94 147.51-7.91 213.58-7.91 66.07 0 193.94 7.83 279.83 4.89 85.9-2.94 205.61-7.6 291.5-1.72 85.9 5.87 200.76 4.66 276.74 4.66 75.98 0 241.17-8.82 241.17-8.82s0 108.7 3.31 173.34c3.3 64.64-3.31 64.64-3.31 146.9 0 82.27-3.3 185.1 3.31 255.62 6.6 70.51 0 123.39 0 123.39s-156.34 12.44-248.89 4.52c-92.61-7.92-177.29 7.23-359 7.23-181.7 0-287.91-4.52-390.32-10.4-102.42-5.88-263.81 1.58-303.46 1.58-39.64 0-171.79-5.88-171.79-5.88s6.61-5.87 6.61-105.76V376.06c0-64.64-9.91-120.46-9.91-211.54S-16 0-16 0Z'/%3E%3C/svg%3E") 10 fill/10px/10px;
    position: relative;
  }
  .c-project-detail main section:nth-child(2) > * {
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 61.25em) {
  .c-project-detail main section:nth-child(2):after {
    opacity: 1;
    top: -110px;
    right: -30px;
    z-index: -1;
  }
  .c-project-detail main section:nth-child(3):after {
    top: 15px;
    left: -90px;
  }
}
.c-project-updates {
  font-size: 0.9rem;
}
.c-project-updates span:first-child {
  width: 93px;
  flex: none;
}
.c-project-updates span:last-child {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-project-gallery {
  margin-top: -80px;
}
.c-project-gallery figure {
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
}
.c-project-gallery figure a {
  display: block;
  height: 100%;
}
.c-project-gallery figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64.375em) {
  .c-project-gallery {
    margin-top: 0;
  }
}
@media (max-width: 64.375em) {
  .c-project-gallery {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    margin-left: min(-1rem, -5%);
    margin-right: min(-1rem, -5%);
    height: min(93vw, 390px);
  }
  .c-project-gallery figure {
    scroll-snap-align: start;
    width: min(93vw, 390px);
    flex: none;
  }
}
@media (min-width: 64.375em) {
  .c-project-gallery {
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 1fr 1fr;
    grid-gap: 0.5rem;
    width: 100%;
    position: relative;
  }
  .c-project-gallery figure {
    max-width: 100%;
  }
  .c-project-gallery figure:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .c-project-gallery figure:nth-child(n+6) {
    display: none;
  }
}

.c-project-gallery__links {
  display: none;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  gap: 0.75rem;
}
@media (min-width: 61.25em) {
  .c-project-gallery__links {
    display: flex;
  }
}

.c-project-content__2up {
  display: flex;
  gap: 0;
}
.c-project-content__2up > div:first-child {
  display: none;
}
.c-project-content__2up > div:first-child svg {
  width: 16px;
}
@media (min-width: 61.25em) {
  .c-project-content__2up {
    gap: 1.5rem;
  }
  .c-project-content__2up > div:first-child {
    display: block;
    width: 80px;
    text-align: right;
  }
  .c-project-content__2up > div:first-child svg {
    width: 1.5rem;
  }
  .c-project-content__2up h2 {
    margin-left: -10px;
  }
}

@media (min-width: 61.25em) {
  .c-project-content__section {
    margin-left: calc(80px + 1.5rem);
    position: relative;
  }
}

.c-project-content__flag {
  line-height: 1;
  display: block;
  overflow: hidden;
  font-size: 53px;
}
@media (min-width: 61.25em) {
  .c-project-content__flag {
    font-size: 85px;
  }
}

.c-project__usp h3 {
  position: relative;
  font-size: var(--font-size-md);
}
.c-project__usp h3 svg {
  color: var(--color-secondary-50);
  width: 27px;
  height: 23px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -45px;
}
@media (max-width: 61.24em) {
  .c-project__usp {
    width: 80%;
    margin: 0 auto 1rem auto;
    border-radius: 12px;
    background: white;
    padding: 1rem 1rem 1rem 2rem;
  }
  .c-project__usp:has(input:checked) {
    width: 100%;
  }
  .c-project__usp:has(input:checked) label svg {
    transform: rotate(180deg);
  }
  .c-project__usp header {
    display: flex;
    gap: 0.5rem;
    position: relative;
  }
  .c-project__usp header h3 {
    flex-grow: 1;
    padding-right: 2.2rem;
    margin-bottom: 0;
  }
  .c-project__usp header label {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
  }
  .c-project__usp header label svg {
    width: 2rem;
    height: 2rem;
  }
  .c-project__usp > div {
    margin-top: 1rem;
    display: none;
  }
  .c-project__usp input {
    display: none;
  }
  .c-project__usp input:checked + div {
    display: block;
  }
}
@media (min-width: 61.25em) {
  .c-project__usp {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  .c-project__usp h3 {
    display: block;
    flex: none;
    background: white;
    font-size: var(--font-size-sm);
    width: 168px;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 12px;
    position: relative;
  }
  .c-project__usp h3 svg {
    left: -10px;
  }
  .c-project__usp div {
    padding-top: 0.25rem;
    flex-grow: 1;
  }
  .c-project__usp > input,
  .c-project__usp > header label {
    display: none;
  }
}

.c-project__map {
  border-radius: 12px;
  border: 10px solid white;
  overflow: hidden;
  line-height: 1;
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
}

.c-project__summary {
  background: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
.c-project__summary a svg {
  width: 18px;
  height: 18px;
}
.c-project__summary.is-hidden {
  display: flex !important;
  transform: translateY(100%);
}

.c-project__aside {
  position: sticky;
  top: 1rem;
  scroll-margin-top: 1rem;
}

.c-project__infobox {
  background: white;
  padding: 2rem;
  margin-bottom: 1rem;
  font-size: var(--font-size-sm);
}
@media screen and (min-width: 600px) {
  .c-project__infobox {
    border-radius: 12px;
  }
}
.c-project__infobox h4 {
  font-size: var(--font-size-xs);
  color: var(--color-gray-4);
  margin-bottom: 0;
}

.c-costs-table {
  border-radius: 12px;
  border: 1px solid #D5C9BE;
  padding: 0.75rem;
  width: 100%;
  line-height: 1.2;
}
.c-costs-table thead td {
  font-size: var(--font-size-md);
  padding: 5px 0;
}
.c-costs-table td {
  padding: 5px 0;
}
.c-costs-table tbody td {
  font-size: var(--font-size-xs);
  color: var(--color-gray-4);
}
.c-costs-table tbody td:first-child {
  padding-left: 10px;
}
.c-costs-table tr td:last-child {
  text-align: right;
}
.c-costs-table tbody tr:last-child td {
  padding-bottom: 10px;
}
.c-costs-table tfoot td {
  padding-top: 10px;
  border-top: 1px solid #D5C9BE;
  font-weight: bold;
  text-align: right;
}

.c-project-infobox__cta {
  text-align: center;
}

.c-ws-usps {
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--color-gray-4);
}
.c-ws-usps svg {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.c-ws-usps a {
  color: var(--color-gray-4);
}
.c-ws-usps h5 {
  font-size: var(--font-size-xs);
  margin: 1.5rem 0 0 0;
  padding: 0;
}
.c-ws-usps li:not(:last-child) {
  margin-bottom: 0.125rem;
}
.c-ws-usps ul {
  margin: 0.25rem;
}

.c-project-cta {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.c-project-cta p {
  font-size: 1.125rem;
}

.c-project-cta__title {
  color: var(--color-tertiary-25);
  transform: rotate(-4deg);
  line-height: 0.7;
  margin-bottom: 2rem;
}

.c-project-cta__tagline {
  color: var(--color-tertiary-100);
  font-size: var(--font-size-xxl);
  transform: rotate(-1deg);
  margin-top: -1.5rem;
}

.c-project__photos {
  display: flex;
  margin: -2% 1rem 0 1rem;
  position: relative;
  flex-wrap: wrap;
}
.c-project__photos > figure {
  margin: 0 0 0.5rem 0;
  width: 20%;
  flex: none;
  aspect-ratio: 1/1;
  padding: 0 0.25rem;
  overflow: hidden;
}
.c-project__photos figure:nth-child(n+6) {
  display: none;
}
.c-project__photos img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  border: 3px solid white;
}
.c-project__photos .b-button {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.c-project__donate-cta {
  width: 100%;
  min-height: 300px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.75rem;
}
.c-project__donate-cta h3 {
  margin: 1rem;
}
.c-project__donate-cta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

/* ==========================================================================
 # Project Update Card
========================================================================== */
.c-project-update-short__image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  aspect-ratio: 16/9;
}

.c-project-update-card {
  background: white;
  border-radius: 8px;
  padding: 4px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-text);
  font-weight: 600;
  line-height: 1.2;
  transition: all 0.2s ease;
}
.c-project-update-card:hover {
  background: var(--color-primary-25);
  color: var(--color-text);
}
.c-project-update-card:hover .c-project-update-card__arrow {
  transform: translateX(5px);
}
.c-project-update-card img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  flex: none;
}
.c-project-update-card time {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--color-gray-4);
}

.c-project-update-card__arrow {
  transition: transform 0.3s;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
  margin-right: 1rem;
  margin-left: auto;
  flex: none;
}

.c-project-update-card__content {
  padding: 0.5rem 1rem;
}

.c-project__news-list {
  margin: 0 0 0 1rem;
  border-left: 2px dashed var(--color-primary-10);
  padding: 0 0 3rem 0;
  list-style-type: none;
}
.c-project__news-list li {
  padding: 1rem 0 1rem 1.2rem;
  margin-left: -2px;
  position: relative;
}
.c-project__news-list li[aria-hidden=true] {
  display: none;
}
.c-project__news-list .c-project__news-list__dot {
  position: absolute;
  left: -5px;
  height: 100%;
  top: 0;
  font-size: 20px;
  color: var(--color-primary-50);
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 2;
}
.c-project__news-list .c-project__news-list__dot::before {
  content: "";
  width: 2px;
  height: 50%;
  background: var(--color-primary-50);
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
}
.c-project__news-list .c-project__news-list__dot::after {
  content: "";
  width: 2px;
  height: 50%;
  background: var(--color-primary-50);
  display: block;
  position: absolute;
  bottom: 0;
  left: 5px;
}
.c-project__news-list li:first-child .c-project__news-list__dot:before {
  background: var(--color-white-50);
  z-index: -1;
}
.c-project__news-list li:last-child .c-project__news-list__dot:after {
  display: none;
}
.c-project__news-list.is-collapsed li:nth-child(5) .c-project__news-list__dot:after {
  display: none;
}

.c-project-search {
  position: relative;
  background: var(--color-primary-0);
  border-radius: 16px;
  padding: 1rem 1rem 0 1rem;
  max-width: 550px;
  margin: -70px auto 2rem;
}
.c-project-search h2 {
  font-weight: 500;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}
.c-project-search h2 span {
  font-weight: 600;
  color: var(--color-primary-75);
}
.c-project-search h2 svg {
  color: var(--color-primary-50);
  height: 19px;
}
.c-project-search form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.c-project-search button {
  margin-bottom: -14px;
  display: block;
  padding: 10px;
  border-radius: 50%;
  background: var(--color-primary-75);
}
.c-project-search button svg {
  width: 37px !important;
  height: 37px !important;
}
@media (min-width: 56.25em) {
  .c-project-search {
    max-width: 938px;
    margin: -3rem auto 0;
    padding: 0.5rem 1rem 0.5rem 2rem;
  }
  .c-project-search h2 {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    gap: 10px;
  }
  .c-project-search h2 svg {
    transform: rotate(-90deg);
  }
  .c-project-search h2 span {
    font-weight: 500;
    font-family: var(--font-family-display);
    font-size: 58px;
  }
  .c-project-search form {
    flex-direction: row;
  }
  .c-project-search button {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
  }
}

.c-project-search__input-wrap {
  flex: none;
  width: 100%;
  position: relative;
}
.c-project-search__input-wrap select {
  background-color: white;
  border: none;
  padding: 26px 30px 10px 18px;
  border-radius: 12px;
  flex: none;
  width: 100%;
  display: block;
  background-position: right 0.75rem bottom 1.1rem;
}
.c-project-search__input-wrap label {
  position: absolute;
  display: block;
  top: 14px;
  left: 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-primary-100);
  line-height: 1;
}
@media (min-width: 56.25em) {
  .c-project-search__input-wrap {
    flex: none;
    width: auto;
  }
  .c-project-search__input-wrap select {
    border: 1.5px solid transparent;
    background: transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  .c-project-search__input-wrap select:hover {
    cursor: pointer;
    border-color: rgb(213, 201, 190);
    background-color: var(--color-white-50);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem bottom 1rem;
    background-size: 16px 12px;
  }
}

/* ==========================================================================
 # Project card
========================================================================== */
.c-project-card {
  display: flex;
  gap: 0.35rem;
  background: var(--color-white-50);
  flex-direction: row;
  border-radius: 8px;
  border: 1px solid var(--color-white-50);
  position: relative;
  padding: 0.5rem;
  margin: 0 auto;
  font-size: var(--font-size-sm);
  line-height: 1.5;
}
.c-project-card figure {
  padding: 0;
  margin: 0;
  height: clamp(60px, 15vw, 140px);
  width: clamp(60px, 15vw, 140px);
  flex: none;
  overflow: hidden;
  border-radius: 4px;
}
.c-project-card img {
  background: white;
  flex: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.c-project-card h1 {
  transition: color 0.2s ease;
}
.c-project-card:hover:not(.is-selected) h1 {
  color: var(--color-primary-75);
}
.c-project-card:hover:not(.is-selected) img {
  transform: scale(1.03);
}
@media (min-width: 31.25em) {
  .c-project-card footer {
    width: 100%;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .c-project-card footer > div:last-child {
    text-align: right;
  }
}

.c-project-card__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.25rem;
  position: relative;
}

.c-project-card__talkingpoints {
  display: none;
  flex-grow: 1;
}
.c-project-card__talkingpoints svg {
  color: var(--color-primary-50);
  width: 14px;
  margin-right: 0.5rem;
}
@media (min-width: 31.25em) {
  .c-project-card__talkingpoints {
    display: block;
  }
}

/* ==========================================================================
 # Project Card Big
========================================================================== */
.c-project-card--big {
  background: white;
  margin-bottom: 1rem;
  gap: 0.5rem;
}
.c-project-card--big figure {
  width: clamp(60px, 20vw, 260px);
  height: clamp(60px, 20vw, 260px);
}
.c-project-card--big footer {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-project-card--big footer > div svg {
  width: 1rem;
  height: 1rem;
}
.c-project-card--big footer > svg {
  margin-left: 0.5rem;
  width: 20px;
  height: 20px;
  color: var(--color-text);
  transform: translateX(0);
  transition: transform 0.2s ease;
}
.c-project-card--big:hover footer > svg {
  transform: translateX(3px);
}
@media screen and (min-width: 500px) {
  .c-project-card--big {
    gap: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-project-card--big {
    gap: 1rem;
    background: transparent;
  }
  .c-project-card--big .c-project-card__footer-status {
    font-size: var(--font-size-md);
  }
  .c-project-card--big .c-project-card__content {
    padding: 1rem;
  }
  .c-project-card--big figure {
    border-radius: 8px;
  }
  .c-project-card--big footer {
    padding: 5px 1rem;
    min-height: 56px;
    background: white;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
  .c-project-card--big footer > div {
    display: flex;
    align-items: center;
  }
  .c-project-card--big:hover:not(.is-selected) footer {
    background: var(--color-primary-0);
  }
  .c-project-card--big .c-project-card__footer-left {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
  }
}

/* ==========================================================================
 # Project Card Box
========================================================================== */
:root .c-project-card--box {
  background: white;
  width: 100%;
  transition: background 0.2s ease;
}
:root .c-project-card--box:hover {
  background: var(--color-primary-0);
}
:root .c-project-card--box:hover h1 {
  color: var(--color-text);
}
:root .c-project-card--box figure {
  height: clamp(60px, 10vw, 80px);
  width: clamp(60px, 10vw, 80px);
}
:root .c-project-card--box footer svg {
  width: 1rem;
  height: 1rem;
}

.c-social-share h4 {
  margin: 0;
}

.c-social-share__icons {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.c-social-share__icons svg {
  width: 1rem;
  height: 1rem;
}

.c-quick-filters {
  width: min(520px, 100vw);
}
.c-quick-filters ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0 1rem;
}
.c-quick-filters li {
  display: inline-block;
}
.c-quick-filters label,
.c-quick-filters .c-quick-filters__item {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: white;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.2s ease;
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: 1rem;
  text-transform: initial;
}
.c-quick-filters label:hover,
.c-quick-filters .c-quick-filters__item:hover {
  background: var(--color-primary-25);
}
.c-quick-filters label.is-selected,
.c-quick-filters .c-quick-filters__item.is-selected {
  color: white;
  background: var(--color-primary-100);
}
@media (min-width: 46.25em) {
  .c-quick-filters {
    margin: 0 auto;
  }
}
@media (min-width: 61.25em) {
  .c-quick-filters ul {
    display: inline-flex;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    gap: 0.5rem;
    padding: 0.75rem;
    background: white;
    margin: 0 auto;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
  }
}

.c-tooltip {
  width: -moz-min-content;
  width: min-content;
  max-width: 450px;
  min-width: 250px;
  border: 0;
  background: transparent;
  margin: 0 !important;
  position: fixed;
  overflow: initial;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #F5F4F4;
  z-index: 999;
}
.c-tooltip a {
  color: #F5F4F4;
  text-decoration: underline;
}
.c-tooltip a:hover {
  color: #F5F4F4;
}
.c-tooltip .c-tooltip__title {
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #F5F4F4;
}
.c-tooltip svg {
  fill: #F5F4F4;
}
.c-tooltip .c-tooltip__close {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  z-index: 10;
  cursor: pointer;
}
.c-tooltip > div {
  background: var(--color-tertiary-150);
  color: white;
  padding: 30px 20px 20px 20px;
  position: relative;
  border-radius: 8px;
  text-align: left;
}
.c-tooltip > div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: var(--color-tertiary-150) transparent transparent transparent;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.c-tooltip[aria-hidden] {
  visibility: hidden;
}
.c-tooltip[data-side=bottom] > div:after {
  bottom: auto;
  top: -10px;
  border-width: 0 10px 10px;
  border-color: transparent transparent var(--color-tertiary-150) transparent;
}
.c-tooltip[data-side=left] > div:after {
  bottom: 50%;
  top: auto;
  left: -10px;
  border-width: 10px 0 10px 10px;
  border-color: transparent var(--color-tertiary-150) transparent transparent;
}
.c-tooltip[data-side=right] > div:after {
  bottom: 50%;
  top: auto;
  transform: translateY(50%);
  left: auto;
  right: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent transparent transparent var(--color-tertiary-150);
}

.c-toast {
  position: fixed;
  background: black;
  color: white;
  font-size: 1rem;
  padding: 10px;
  border-radius: 8px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.c-toast.is-hiding {
  opacity: 0;
}

.c-testimonials {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-top: 1rem;
}
@media (min-width: 61.25em) {
  .c-testimonials {
    grid-template-columns: 1fr 1fr;
  }
}
.c-testimonials li {
  position: relative;
}

.c-testimonial {
  color: var(--color-text);
  text-decoration: none;
  position: relative;
  display: block;
}
.c-testimonial p {
  transition: color 0.2s ease;
}
.c-testimonial:hover p {
  color: var(--color-primary-100);
}
.c-testimonial:hover svg {
  transform: translateX(5px);
}
.c-testimonial svg {
  transform: translateX(0);
  transition: transform 0.2s ease;
}
.c-testimonial img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: 0;
  top: -30px;
}
.c-testimonial blockquote {
  margin: 10px min(60px, 10vw) 10px 10px;
  padding: 1rem 100px 1rem 1rem;
  background: white;
}
.c-testimonial cite {
  display: block;
  line-height: 1;
}

.c-werkwijze-cards {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 37.5em) {
  .c-werkwijze-cards {
    display: grid;
    grid-template-columns: max(33%, 250px) 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "first second second" "first third third";
    grid-gap: 1rem;
  }
  .c-werkwijze-cards *:nth-child(1) {
    grid-area: first;
  }
  .c-werkwijze-cards *:nth-child(2) {
    grid-area: second;
  }
  .c-werkwijze-cards *:nth-child(3) {
    grid-area: third;
  }
  .c-werkwijze-cards .c-button-card {
    height: 100%;
  }
}

.c-side-menu {
  background: white;
  position: sticky;
  top: 1rem;
  scroll-margin-top: 1rem;
  z-index: 100;
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
.c-side-menu ul {
  padding: 0;
  list-style: none;
}
@media (min-width: 46.25em) {
  .c-side-menu {
    width: 270px;
    margin-right: 2rem;
  }
}
.c-side-menu a {
  text-decoration: none;
  padding: 3px 3px 3px 16px;
  display: block;
  color: var(--color-text);
  background: transparent;
  transition: 0.2s;
  border-radius: 0.5rem;
}
.c-side-menu a:hover, .c-side-menu a.is-current-page {
  color: var(--color-text);
  background: var(--color-primary-0);
}
.c-side-menu details summary {
  list-style: none;
  display: flex;
  align-items: center;
  color: var(--color-gray-4);
  font-weight: 700;
  font-size: 0.8rem;
  transition: color 0.2s;
  cursor: pointer;
}
.c-side-menu details summary::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23807265' d='M5.8 11.8a.6.6 0 0 1 0-.8l3.1-3-3.1-3a.6.6 0 0 1 .8-.8l3.6 3.4a.6.6 0 0 1 0 .8l-3.6 3.4c-.2.3-.6.3-.8 0Z' /%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  color: var(--color-gray-4);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.c-side-menu details summary::-webkit-details-marker {
  display: none;
}
.c-side-menu details[open] > summary {
  color: var(--color-text);
}
.c-side-menu details[open] > summary::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%230F172A' fill-rule='evenodd' d='M4.2 5.8c.2-.3.6-.3.8 0l3 3.1 3-3.1a.6.6 0 0 1 .8.8l-3.4 3.6a.6.6 0 0 1-.8 0L4.2 6.6a.6.6 0 0 1 0-.8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  color: var(--color-text);
}
.c-side-menu details:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.c-side-menu-button {
  width: 100%;
  border-radius: 8px;
  display: flex;
  padding: 0.75rem 1rem;
  justify-content: space-between;
  text-align: left;
}
.c-side-menu-button span {
  display: block;
  color: var(--color-gray-4);
}
.c-side-menu-button span svg {
  color: var(--color-gray-2);
}
.c-side-menu-button strong {
  color: var(--color-text);
  font-size: 0.875rem;
  display: block;
}
.c-side-menu-button > svg {
  width: 20px;
  height: 20px;
}

.c-footer {
  --footer-color-content: white;
  --footer-color-accent: var(--color-primary-50);
  color: var(--footer-color-content);
  padding: 5rem 0;
  position: relative;
  background: var(--color-tertiary-150) url("../images/background-footer.svg") no-repeat left bottom;
  font-size: var(--font-size-xs);
  line-height: 1.5;
}
.c-footer h3 {
  color: var(--footer-color-accent);
  margin-bottom: 1rem;
}
.c-footer a {
  transition: color 0.2s ease;
  text-decoration: none;
  color: var(--footer-color-content);
}
.c-footer .b-icon {
  transition: color 0.2s ease;
  color: var(--footer-color-content);
}
.c-footer a:hover,
.c-footer a:hover .b-icon {
  color: var(--footer-color-accent);
}

.c-footer:before {
  background: url(../images/footer-top.svg) repeat-x;
  background-size: 300px !important;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: -3px;
  width: 100%;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.c-footer-cta {
  position: relative;
  max-width: min(370px, 90%);
  margin: -10rem auto 3rem;
  z-index: 2;
  position: relative;
  border-radius: 12px;
}
@media (min-width: 46.25em) {
  .c-footer-cta {
    max-width: min(740px, 80%);
    border-radius: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 740 369'%3E%3Cpath fill='%23d9d9d9' d='M732 0a8 8 0 0 1 8 8v97.356c-.531 24.349-3.16 69.971-2.921 127.86.215 52.006 1.931 104.713 2.675 125.335.177 4.938-3.781 9.027-8.705 9.001-20.58-.115-91.282-2.181-161.825-1.799-90.757.493-133.3 3.216-208.275.741s-129.727-.371-200.755 1.113c-58.068 1.214-125.418.443-150.76.123-4.853-.063-8.708-4.107-8.545-8.975.617-18.815 2.012-64.391 2.397-105.092C3.771 202.978.366 144.081.223 98H0V8a8 8 0 0 1 8-8z'/%3E%3C/svg%3E%0A");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 740 369'%3E%3Cpath fill='%23d9d9d9' d='M732 0a8 8 0 0 1 8 8v97.356c-.531 24.349-3.16 69.971-2.921 127.86.215 52.006 1.931 104.713 2.675 125.335.177 4.938-3.781 9.027-8.705 9.001-20.58-.115-91.282-2.181-161.825-1.799-90.757.493-133.3 3.216-208.275.741s-129.727-.371-200.755 1.113c-58.068 1.214-125.418.443-150.76.123-4.853-.063-8.708-4.107-8.545-8.975.617-18.815 2.012-64.391 2.397-105.092C3.771 202.978.366 144.081.223 98H0V8a8 8 0 0 1 8-8z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
  }
}

.c-footer-cta--image {
  background-image: var(--background-mobile);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 308/459;
}
@media (min-width: 46.25em) {
  .c-footer-cta--image {
    background-image: var(--background-desktop);
    aspect-ratio: 740/370;
  }
}

.c-footer-cta--text-image {
  --header-text-color: var(--color-text);
  display: grid;
  background: var(--header-bg-color);
  align-items: flex-end;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  color: var(--header-text-color);
}
.c-footer-cta--text-image > div {
  padding: 2rem;
}
.c-footer-cta--text-image a, .c-footer-cta--text-image .b-icon {
  color: var(--header-text-color);
}
.c-footer-cta--text-image .b-icon {
  display: block;
  margin-left: auto;
  margin-right: 0;
  transition: transform 0.2s ease;
  transform: translateX(0);
  height: 2rem;
  width: 2rem;
}
.c-footer-cta--text-image:hover svg {
  transform: translateX(4px);
}
.c-footer-cta--text-image h1 {
  font-weight: 500;
  line-height: 1.1;
  font-size: var(--fluid-24-32);
  margin-bottom: 0;
}
.c-footer-cta--text-image h1 span {
  font-weight: 600;
  color: var(--header-accent-color);
}
.c-footer-cta--text-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 20em) {
  .c-footer__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
  }
}
.c-footer__col {
  min-width: 200px;
}

@media (min-width: 61.25em) {
  .c-footer__col:first-child {
    margin-right: auto;
  }
  .c-footer__col {
    min-width: initial;
  }
}
.c-footer__logo {
  color: var(--footer-color-accent);
  display: block;
  margin: 2rem 0;
}

.c-footer__social {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.c-footer__social .b-icon {
  height: 19px;
  width: 19px;
}

.c-footer__sub {
  margin-top: 1rem;
}
.c-footer__sub > * {
  margin-top: 2rem;
}
@media (min-width: 46.25em) {
  .c-footer__sub {
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
    align-items: center;
  }
}

.c-footer__logos {
  display: flex;
  gap: 0.75rem;
}
.c-footer__logos a {
  color: var(--color-primary-0);
}

.c-review {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  line-height: 1;
}

.c-review__score {
  padding: 0 5px;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 0.78px solid var(--footer-color-content);
  transition: border-color 0.2s ease;
}
.c-review__score svg {
  width: 1em;
  height: 1em;
}

.c-review:hover .c-review__score {
  border-color: var(--footer-color-accent);
}

.c-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
.c-whatsapp svg {
  width: 60px;
  height: 60px;
}

.c-footer--with-cta {
  margin-top: 3rem;
}

select-group summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
select-group summary::after {
  content: "+";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  cursor: pointer;
  background: rgb(245, 244, 244);
}
select-group details > label {
  padding-left: 1rem;
}
select-group details[open] > summary::after {
  content: "-";
}
select-group summary::-webkit-details-marker {
  display: none;
}

:root {
  --off-canvas-menu-width: min(265px, 80%);
}

@media (max-width: 61.24em) {
  .c-off-canvas-menu:popover-open {
    transform: translateX(0%);
  }
  .c-off-canvas-menu {
    inset: initial;
    margin: 0;
    padding: 0;
    height: 100%;
    width: var(--off-canvas-menu-width);
    position: fixed;
    top: 0;
    background: white;
    right: 0;
    transform: translateX(100%);
    border: 0;
    border-radius: 0;
    transition: transform 0.4s, overlay 0.4s allow-discrete, display 0.4s allow-discrete;
  }
  /* Needs to be after the previous:popover-open rule
  to take effect, as the specificity is the same */
  @starting-style {
    .c-off-canvas-menu:popover-open {
      transform: translateX(100%);
    }
  }
  /* Transition for the popover's backdrop */
  .c-off-canvas-menu::backdrop {
    background-color: rgba(0, 0, 0, 0);
    transition: display 0.4s allow-discrete, overlay 0.4s allow-discrete, background-color 0.4s;
    /* Equivalent to
    transition: all 0.4s allow-discrete; */
  }
  .c-off-canvas-menu:popover-open::backdrop {
    background-color: rgba(0, 0, 0, 0.25);
  }
  /* The nesting selector (&) cannot represent pseudo-elements
  so this starting-style rule cannot be nested */
  @starting-style {
    .c-off-canvas-menu:popover-open::backdrop {
      background-color: rgba(0, 0, 0, 0);
    }
  }
}
@media (min-width: 61.25em) {
  .c-off-canvas-menu {
    all: unset;
    display: block !important;
  }
}
.c-frontpage-hero {
  width: 100%;
  margin: -80px auto 0;
}
.c-frontpage-hero figure {
  position: relative;
  margin: 0;
}
.c-frontpage-hero img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 510px;
}
.c-frontpage-hero h1 {
  position: absolute;
  bottom: 4.5rem;
  font-size: clamp(2.6875rem, 2.4484rem + 1.1957vw, 3.375rem);
  color: var(--color-primary-0);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  text-align: center;
}
.c-frontpage-hero h1 span {
  display: table;
  margin: -15px auto 0;
  font-size: clamp(3.875rem, 3.5054rem + 1.8478vw, 4.9375rem);
  line-height: 1;
  color: white;
  padding-bottom: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='336' height='34' fill='none'%3E%3Cpath fill='%23E6B98B' d='M163.914 4.281c.824 0 1.657.053 2.472-.018.15-.017.425-.735.354-.806-1.541-1.346-1.249-1.692.709-1.674 1.266.009 2.524-.514 3.8-.726.531-.089 1.098 0 1.647 0C182.419.862 191.96.286 201.465.64c4.411.169 8.982.15 13.376 1.488 1.337.408 3.056-.69 4.588-.629 4.155.16 8.301.691 12.455.85 4.677.178 9.364 0 14.041.178 5.253.195 10.586.16 15.732 1.09 3.508.629 7.007.194 10.4.832 5.147.975 10.444.833 15.52 2.436 1.878.594 4.101.142 6.165.142 5.439.018 10.675 1.231 15.919 2.534.903.221 1.904.097 2.861.106 3.579 0 7.033.576 10.479 1.665 2.233.709 4.722.558 7.052.983 4.323.798 5.58 2.835 4.801 7.282-.133.77-.027 1.621.142 2.4.478 2.242-.709 3.774-2.968 3.49-1.249-.159-2.507-.584-3.667-1.089-3.136-1.364-6.467-1.79-9.798-2.32-4.757-.762-9.478-1.79-14.244-2.543-3.021-.47-6.094-.682-9.142-.921-4.42-.355-8.902-.32-13.261-1.028-5.811-.939-11.64-1.31-17.46-1.93-3.755-.4-7.556-.116-11.223-.798-5.253-.975-10.604-.168-15.75-1.01-8.159-1.329-16.317-.39-24.449-.912-2.374-.151-4.855.54-7.105-.85-.301-.187-.815-.09-1.222-.027-2.808.425-5.581.443-8.407-.036-2.631-.452-5.705-.682-7.884.142-2.958 1.116-5.377-1.063-8.318.106-2.604 1.037-5.917.31-8.92.32-3.03 0-6.068-.231-9.08-.036-7.087.47-14.2.363-21.278.753-6.652.372-13.305 1.08-19.975 1.452-5.971.337-11.924 1.108-17.912 1.498-5.421.354-10.798 1.302-16.264 1.488-2.817.097-5.598 1.018-8.398 1.541a455.038 455.038 0 0 1-8.433 1.533c-2.197.372-4.411.628-6.6.992-.62.106-1.213.593-1.806.575-5.856-.186-11.312 1.719-16.893 3.012-2.162.505-4.447 1.063-6.608.86-3.703-.346-6.715 2.046-10.498 1.869-3.454-.16-6.989 1.461-10.488 2.33-3.986.992-7.946 2.081-11.941 3.029-1.851.434-4.447-.815-4.854-2.126-.381-1.223 2.037-5.528 3.445-6.121.532-.23 1.046-.478 1.577-.726-.443-.346-1.09-.603-1.284-1.055-.169-.39.07-1.4.31-1.452 4.491-1.143 8.991-2.25 13.518-3.234 3.171-.69 6.395-1.125 9.576-1.771a757.394 757.394 0 0 0 14.005-3.021c6.103-1.373 12.357-1.976 18.523-2.88 4.402-.646 8.663-2.47 13.349-1.94 2.303.258 4.748-1.062 7.166-1.425C84.5 7.106 88.68 6.522 92.88 6.22c2.356-.168 4.757-.124 7.122-.177 2.409-.053 4.987-.514 7.166-1.515 2.835-1.302 5.608-.55 8.38-.602 5.2-.098 10.347-.452 15.432-1.577.265-.062.549 0 .824 0 8.973-.195 17.947-.408 26.92-.594 2.029-.044 4.075-.026 5.04 2.312-1.7.195-3.197.116-4.686.186-1.656.071-3.313.275-4.969.417 1.71.133 3.446.47 5.138.328 1.568-.133 3.401 1.071 4.712-.727m106.106 7.494c.354-.07.7-.141 1.054-.212-.053-.178-.106-.364-.159-.54-.435.247-.869.504-1.719.752l-.071.762c.16-.257.319-.505.895-.762Zm-156.988 1.17c1.497-.372 3.065-.567 4.456-1.179 1.541-.673 2.826-.797 3.942.576.841 1.037 1.594.86 2.285-.088.62-.86 1.01-.594 1.834-.124.655.363 1.842.053 2.684-.248 4.084-1.47 4.066-1.497 8.663.319.31.123.789.07 1.099-.071 2.338-1.09 6.413-2.463 8.149-2.153 5.555.983 11.073-1.904 16.601-.035 4.81-1.506 9.727-.186 14.572-.585 1.045-.089 2.108-.177 3.1-.47.479-.141.833-.726 1.241-1.116-.567-.283-1.196-.886-1.683-.788-2.472.505-4.873.833-7.335-.098-.727-.274-1.931-.398-2.41 0-1.488 1.276-3.127.674-4.668.683-3.074.008-6.121-.559-9.23-.089-1.745.266-3.615-.257-5.351.053-6.068 1.08-12.216.983-18.319 1.453-1.727.133-3.543.647-5.164.283-1.692-.38-3.03.195-4.554.381-5.669.7-11.365 1.33-17.07 1.515-5.828.195-11.498 1.152-17.14 2.427-.23.053-.576.673-.514.753 1.018 1.311 3.516 1.674 5.067.789.292-.169.655-.55.868-.479 1.816.567 3.189-.956 4.845-.983 1.923-.035 3.863.133 5.776 0 1.408-.097 2.914-.284 4.146-.895 1.39-.69 2.498-1.258 3.26.169l-.071.761c.159-.256.319-.504.894-.761m85.971-5.891c-3.836-.036-7.672-.177-11.49-.036-1.231.045-2.436.842-3.649 1.294 1.355.372 2.702.77 4.066 1.098.186.044.443-.301.673-.31 1.382-.053 2.773-.07 4.163-.07 1.666 0 3.322.097 4.988.052 1.045-.026 2.188-.593 3.091-.31 3.234 1.001 6.405-.549 9.612-.035.398.062.903-.567 1.355-.877-.523-.24-1.036-.673-1.577-.7-3.463-.142-6.936.558-11.223-.124m-119.88 9.735c1.39-.274 2.79-.505 4.154-.868.213-.053.346-.664.372-1.027.009-.169-.328-.54-.478-.523-2.215.222-4.43.611-6.653.709-1.754.08-.877 1.293-1.16 2.02-.045.106-.523.044-.798.061-.274.018-.549.045-.823.063.106.363.141.992.336 1.054 1.736.513 3.154-.018 5.04-1.489M119.72 5.54c-3.154.248-6.299.47-9.443.788-.328.036-.603.612-.895.94.399.22.815.664 1.196.646 3.561-.186 7.113-.46 10.674-.7-.23-.55-.469-1.107-1.532-1.665M41.51 21.829c2.205.018 4.544.488 6.563-.106 1.347-.398 2.268-1.842 3.756-.31.124.133.824-.301 1.258-.47-.266-.363-.523-1.045-.788-1.045-3.526 0-7.176-.717-10.79 1.931Zm23.988-3.1c1.86-.124 3.729-.204 5.58-.399.373-.035.691-.531 1.037-.815-.487-.47-.921-1.23-1.47-1.328-.683-.124-1.471.47-2.206.47-1.967-.01-3.854.46-4.837 1.532-.186.203-.115.815.044 1.125.558 1.027.992.239 1.852-.585Zm20.312-8.504c2.525-.018 5.093.399 7.512-.753.345-.16.726-.23 1.098-.337-.434-.168-.877-.496-1.293-.47-3.198.205-6.387.417-9.567.772-.505.053-.93.815-1.39 1.249.566-.062 1.142-.098 1.7-.186.38-.063.744-.178 1.949-.266m137.154-.505c.469.195.921.505 1.399.558.727.088 1.48 0 2.224-.027-.567-.726-1.019-1.878-1.728-2.072-1.275-.346-2.71-.133-4.074-.116-.222 0-.443.23-.665.355.328.15.638.327.975.451.478.169.974.293 1.869.85Zm-85.475-4.43c2.135.16 4.279.337 6.423.435.221.009.46-.452.691-.7-.39-.222-.789-.656-1.161-.638a28.72 28.72 0 0 0-5.953.904Zm-77.732 8.443v.823c1.896-.398 3.8-.779 5.696-1.195.293-.062.54-.328.815-.496-.363-.107-.753-.337-1.098-.293-1.675.213-3.331.505-5.413 1.17m187.567-1.737c-.46-2.436-2.019-1.16-3.215-.894-.328.07-.576.522-.86.806.824.168 1.639.354 2.463.478.39.062.788.018 1.603-.39m-40.837-7.36c.372-.09.744-.178 1.108-.276-.107-.186-.195-.505-.328-.522a10.02 10.02 0 0 0-1.63-.036c-1.187.062-2.374.16-3.561.24 1.196.194 2.383.39 4.403.584m19.417-.248c-1.222-.983-2.17-.452-3.047.54-.08.098-.16.187-.248.284 1.001.097 1.993.204 2.994.275.088 0 .186-.178.292-1.099M77.12 10.588c-.47.186-.94.381-1.409.567.293.222.558.567.877.638.523.106 1.178.213 1.613 0 .513-.257.85-.86 1.266-1.311-.646-.098-1.293-.204-2.347.106Zm52.096-5.35c-1.409 1.16-.54 1.337.576 1.213.646-.07 1.789-.407 1.807-.682.097-1.62-1.258-.682-2.392-.54m87.547 4.04c.071-2.269-1.709-.807-2.551-1.24-.133-.072-.425.185-.647.283.665.451 1.311.93 2.002 1.337.195.115.514.018 1.196-.39m46.294-2.914a99.082 99.082 0 0 0-1.621-.044c.151.425.31.85.461 1.275.434-.434 1.824.957 1.151-1.231M37.346 23.459c.31-.46 1.7-1.116-.16-1.204-.487-.027-.992.425-1.488.655.408.319.824.638 1.648.55Zm48.42-9.921c.363-.46.735-.921 1.098-1.382-.638.177-1.293.328-1.896.576-.097.044-.026.523.798.806Zm61.158-1.967c.939-.15 1.887-.3 2.826-.46-.984-.08-1.967-.168-2.959-.222-.089 0-.186.169.133.682Zm86.803-5.882 1.098-.265c-1.01 0-2.019-.018-3.02-.027.363.098.735.186 1.922.292Zm-19.4-1.4.505 1.144c.593-.443 1.178-.886 1.772-1.33-.62-.07-1.241-.15-2.277.187Zm-30.154.16c.257 0 .532.062.771 0 .416-.115.815-.3 1.222-.46-.336-.115-.691-.346-1.018-.328-.47.026-.931.24-.984.788m59.484.496c-.363.089-.726.169-1.098.257.221.186.602.567.646.532.39-.32 1.763.877.443-.789m-54.169 5.74c.594.142 1.179.328 1.772.408.195.027.425-.204.638-.319-.275-.16-.532-.398-.833-.47-.372-.08-.77-.026-1.577.382ZM150.272 4.99c-.088.088-.204.168-.266.274-.044.071-.017.177-.026.266.514-.07 1.019-.133 1.532-.204-.274-.248-.549-.496-1.24-.336ZM60.953 15.806c.133.274.275.549.408.832.142-.274.283-.549-.408-.832Zm151.23-4.518c-.133-.275-.274-.55-.407-.833-.142.275-.284.55.407.833Zm62.381-.718c-.434-.115-.868-.239-1.311-.327-.018 0-.098.336-.142.514.346.08.691.15 1.462-.187M230.83 5.247c-.434-.116-.868-.24-1.311-.328-.018 0-.097.336-.142.514.346.08.691.15 1.462-.186m-31.802-.683 1.046-.212c-.045-.177-.124-.514-.133-.514-.443.08-.877.195-.913.726Zm-51.635-.017-.496-.337c.027.248.053.496.496.337Zm26.433.221.497.337c-.027-.248-.054-.496-.497-.337Zm-72.736 3.526.497.336c-.027-.248-.054-.496-.497-.336Z'/%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 64.375em) {
  .c-frontpage-hero {
    margin: 0 auto;
    width: min(100% - 2rem, 1200px);
  }
  .c-frontpage-hero img {
    border-radius: 1rem;
  }
}

.c-frontpage-intro {
  max-width: 500px;
  font-size: var(--fluid-16-18);
}
.c-frontpage-intro h2 {
  font-size: var(--fluid-24-26);
}

.c-frontpage-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 46.25em) {
  .c-frontpage-cards {
    display: grid;
    grid-template-columns: 39% 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "first second" "first third";
    grid-gap: 1rem;
  }
  .c-frontpage-cards > *:nth-child(1) {
    grid-area: first;
  }
  .c-frontpage-cards > *:nth-child(2) {
    grid-area: second;
    text-align: right;
  }
  .c-frontpage-cards > *:nth-child(3) {
    grid-area: third;
    text-align: right;
  }
}

.c-frontpage-card {
  text-decoration: none;
  color: var(--color-text);
  display: flex;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.c-frontpage-card img,
.c-frontpage-card svg {
  transition: transform 0.3s;
}
.c-frontpage-card:hover {
  color: var(--color-text);
}
.c-frontpage-card:hover img {
  transform: scale(1.05);
}
.c-frontpage-card:hover svg {
  transform: translateX(5px);
}
.c-frontpage-card figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  margin: 0;
}
.c-frontpage-card figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-frontpage-card .c-frontpage-card__content {
  text-align: right;
  padding: 1.5rem;
  width: 80%;
  background: var(--color-primary-75);
  margin-left: auto;
  background: linear-gradient(90deg, rgba(238, 227, 218, 0) 0%, rgba(238, 227, 218, 0.75) 70%, rgb(238, 227, 218) 100%);
}
.c-frontpage-card h3 {
  font-size: var(--fluid-24-40);
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.1;
}
.c-frontpage-card h3 span {
  color: var(--color-red);
  font-weight: 600;
}
.c-frontpage-card h4 {
  font-size: 0.875rem;
  display: none;
}
.c-frontpage-card p {
  font-size: var(--fluid-14-16);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1.75rem;
}
.c-frontpage-card svg {
  width: 40px;
  height: 40px;
}
@media (min-width: 46.25em) {
  .c-frontpage-card h4 {
    display: inline-flex;
  }
}

.c-frontpage-card.is-index-0 figure {
  padding-top: 20%;
  background: rgb(238, 227, 218);
}
.c-frontpage-card.is-index-0 .c-frontpage-card__content {
  padding: min(10%, 2.5rem);
  text-align: left;
  width: 100%;
  background: linear-gradient(180deg, rgb(238, 227, 218) 20%, rgba(238, 227, 218, 0.75) 40%, rgba(238, 227, 218, 0) 50%);
}
@media (max-width: 46.24em) {
  .c-frontpage-card.is-index-0 {
    aspect-ratio: 390/550;
  }
  .c-frontpage-card.is-index-0 svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 46.25em) {
  .c-frontpage-card.is-index-0 svg {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    color: white;
  }
}

.c-frontpage-card.is-index-1 {
  color: white;
}
.c-frontpage-card.is-index-1 .c-frontpage-card__content {
  background: linear-gradient(90deg, rgba(3, 73, 96, 0) 0%, rgba(3, 73, 96, 0.75) 70%, rgb(3, 73, 96) 100%);
}
.c-frontpage-card.is-index-1 h4 {
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='9' fill='none'%3E%3Cpath stroke='%2300A6BF' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E");
}
.c-frontpage-card.is-index-1 h3 span {
  color: var(--color-primary-25);
}

@media (min-width: 76.375em) {
  .l-frontpage-cta-block {
    position: relative;
  }
  .l-frontpage-cta-block:before {
    content: "";
    position: absolute;
    top: 60px;
    left: -38px;
    width: 96px;
    height: 117px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 96 117'%3E%3Cpath fill='%23fff' d='M95.2307 15.0714C91.2725 8.17554 84.5312 4.43382 77.6044 1.15595c-1.4225-.68032-3.3088-.30924-5.0096-.402C67.9872.50654 63.3178-.3593 58.803.1664c-3.8036.43293-7.5453 1.8554-11.4726 1.66986-2.4429-.09277-4.422.64939-6.3393 2.62848-1.608 3.43249-2.7521 6.71036-4.422 9.80266-4.5148 8.3184-8.9059 16.6986-13.1733 25.1716-1.1442 2.2574-3.1852 3.1851-5.0096 2.7831-2.1028-.4329-3.8964.433-5.8445.3093-1.7627-.1237-3.95822.4947-5.3807 1.5771C2.5225 47.6956.54341 53.169.04864 58.4569c-.46385 4.8859 2.44294 9.5244 6.46297 12.7095 3.71079 2.9377 7.82359 5.3806 11.71999 8.071 1.5461 1.0823 1.8554 3.2778.6803 4.824-5.1952 6.8031-10.54489 13.5135-15.58539 20.4096-1.3297 1.824-2.28833 4.236-2.47387 6.432-.21646 2.628 3.09234 5.504 5.84451 5.937 4.05095.619 6.74125-.495 8.38025-3.494 1.5461-2.814 2.7831-5.876 4.7312-8.38 3.247-4.113 6.4939-8.226 9.5244-12.4935 2.4739-3.4634 4.0819-4.1128 7.0196-1.577 3.247 2.814 7.4216 2.5666 11.0397 4.1746 1.2987.5876 3.2469.4948 4.6385 0 1.4843-.5257 2.4738.5257 3.9891.3402 7.236-.9277 11.5653-5.7827 15.0287-11.0706 2.1646-3.2779 3.9891-7.8236.6185-12.0292-.5257-.6803-.804-1.5461-1.206-2.3192-1.3297-2.5357-1.9791-4.3293.5257-7.267 4.2365-5.0096 7.5143-10.885 10.7304-16.6677 3.216-5.8136 8.4729-10.2974 10.452-16.8532.1547-.5257.5567-1.206 1.0205-1.4225 2.845-1.3297 2.9687-3.7417 2.7213-6.3702-.1856-2.1337.3092-4.6385-.6494-6.3083l-.0309-.031Z'/%3E%3C/svg%3E%0A");
  }
}

.c-article {
  font-size: 0.875rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
.c-article header p {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-text-light);
}
.c-article .c-block-text-sidebar__main h2,
.c-article .c-block-text h2 {
  font-size: 0.93rem;
  margin-bottom: 0.25rem;
  color: var(--headings-color);
}
.c-article .c-block-text-sidebar__main h3,
.c-article .c-block-text h3 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: var(--headings-color);
}
.c-article .c-article__content blockquote {
  max-width: 350px;
  margin: 0 auto;
  color: var(--quote-color);
  text-align: center;
  font-size: var(--font-size-xxxl);
  line-height: 1.3;
  padding: 2rem 0 3rem 0;
}
.c-article .c-article__content blockquote p {
  margin: 0;
}
.c-article .c-article__content blockquote span {
  color: var(--color-text);
  font-weight: 700;
  background-image: var(--quote-underline-stroke);
  background-repeat: repeat-x;
  background-position: 100% 85%;
}
.c-article .c-article__content li::marker,
.c-article .c-block-text li::marker {
  font-family: var(--font-family-accent);
  color: var(--color-primary-100);
  font-style: normal;
}
.c-article .c-article__content ul, .c-article .c-article__content ol,
.c-article .c-block-text ul,
.c-article .c-block-text ol {
  padding-left: 1.5rem;
}
.c-article .c-article__content ul li,
.c-article .c-block-text ul li {
  padding-inline-start: 0.5ch;
}
.c-article .c-article__content ul li::marker,
.c-article .c-block-text ul li::marker {
  content: "*";
  top: 3px;
  position: relative;
}
.c-article .c-article__content img,
.c-article .c-block-text img {
  max-width: 100%;
  height: auto;
}
.c-article .c-article__content img.alignleft,
.c-article .c-block-text img.alignleft {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.c-article .c-article__content img.alignright,
.c-article .c-block-text img.alignright {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.c-article .c-article__content img.alignnone,
.c-article .c-article__content picture.alignnone,
.c-article .c-block-text img.alignnone,
.c-article .c-block-text picture.alignnone {
  border-radius: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 46.25em) {
  .c-article .c-article__content img.alignnone,
  .c-article .c-article__content picture.alignnone,
  .c-article .c-block-text img.alignnone,
  .c-article .c-block-text picture.alignnone {
    width: 110%;
    max-width: initial;
    margin-left: -5%;
    margin-right: -5%;
  }
}
.c-article .c-article__content table,
.c-article .c-block-text table {
  border-collapse: collapse;
  margin-top: 2rem;
  margin-bottom: 2rem;
  overflow: hidden;
  font-size: 0.875rem;
  font-family: var(--font-family-primary), sans-serif;
  border-spacing: 0;
  max-width: 100%;
  overflow-x: auto;
}
.c-article .c-article__content th, .c-article .c-article__content thead td,
.c-article .c-block-text th,
.c-article .c-block-text thead td {
  background-color: var(--color-primary-25);
  color: var(--color-background);
  font-weight: 700;
  padding: 0.5rem 1rem;
  text-align: left;
}
.c-article .c-article__content tr:nth-child(even) td,
.c-article .c-block-text tr:nth-child(even) td {
  background-color: var(--color-primary-0);
}
.c-article .c-article__content td,
.c-article .c-block-text td {
  padding: 10px;
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 46.24em) {
  .c-article p, .c-article ul, .c-article li, .c-article ol, .c-article blockquote, .c-article h2, .c-article h3, .c-article h4, .c-article h5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.c-article__intro {
  margin-top: -5rem;
}

.c-article--info .c-article__title,
.c-article--info header h2 {
  font-size: clamp(1.875rem, 1.8315rem + 0.2174vw, 2rem);
  font-weight: 500;
  margin-bottom: 1rem;
}
.c-article--info .c-article__title span,
.c-article--info header h2 span {
  color: var(--color-text);
  font-weight: 700;
  background-image: url("data:image/svg+xml,%3Csvg width='112' height='12' viewBox='0 0 112 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.41876C28.7176 5.41876 22.5798 7.31625 41.4955 5.99855C60.4111 4.68084 89.6309 5.41876 107.84 6.08639C126.049 6.75403 138.38 5.5066 153.092 5.5066C167.805 5.5066 173.477 7 189.585 7C205.692 7 228.365 5.92827 242.37 5.26063C256.375 4.593 271.683 5.41876 285 5.41876' stroke='%23E6B98B' stroke-width='10' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-position: 100% 80%;
}
.c-article--info .c-article__content h3 {
  color: var(--color-primary-100);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-accent), sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -5%;
  margin-bottom: 0.25rem;
  padding-top: 1rem;
}
.c-article--info header,
.c-article--info .c-side-menu-button,
.c-article--info .c-article__content,
.c-article--info .c-block:not(.c-block-image) {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.c-article--info > figure {
  width: calc(100% + 2rem);
  max-width: 811px;
  margin-left: max(-1rem, -5%);
  margin-right: max(-1rem, -5%);
}
.c-article--info > figure img {
  width: 100%;
  height: auto;
}
@media (min-width: 46.25em) {
  .c-article--info > figure,
  .c-article--info .c-block-image {
    width: 100%;
    max-width: 811px;
    margin-left: auto;
    margin-right: auto;
  }
  .c-article--info > figure img,
  .c-article--info .c-block-image img {
    border-radius: 8px;
  }
}
@media (min-width: 61.25em) {
  .c-article--info {
    margin-left: 2rem;
  }
  .c-article--info header,
  .c-article--info .c-article__content,
  .c-article--info .c-block:not(.c-block-image) {
    margin-left: 0;
  }
  .c-article--info > figure,
  .c-article--info .c-block-image {
    margin-left: -2rem;
  }
}

.c-article--review > * {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.c-article--review h1 {
  font-weight: 500;
}
.c-article--review h1 span {
  color: var(--color-secondary-100);
  font-weight: 700;
}
.c-article--review > figure,
.c-article--review > img {
  max-width: 690px !important;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.c-article--review > img,
.c-article--review > figure img {
  border-radius: 8px;
  width: 100%;
  height: auto;
}

/**
 * Article Landing Page
 * this means that the article has a header image and is blocks only
 */
@media (max-width: 46.24em) {
  .c-article-landing-page .c-block-link.has-index-0,
  .c-article-landing-page .c-block-text-sidebar.has-index-0:has(.has-mobile-position-above) {
    margin-top: -5rem;
  }
}

@media (min-width: 61.25em) {
  .c-article--post {
    max-width: 100%;
  }
  .c-article--post .c-block {
    margin-left: 2.5rem;
    margin-right: 0;
  }
}
@media (min-width: 61.25em) {
  .c-article--post .c-article__content {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    gap: 2rem;
  }
  .c-article--post .c-article__content > div {
    flex: 1;
  }
  .c-article--post .c-article__content > aside {
    max-width: 360px;
  }
}
@media (min-width: 46.25em) {
  .c-article--post .c-article__content > figure,
  .c-article--post .c-article__content .c-block-image {
    width: 100%;
    max-width: 680px;
    margin-left: 0;
    margin-right: auto;
  }
  .c-article--post .c-article__content > figure img,
  .c-article--post .c-article__content .c-block-image img {
    border-radius: 8px;
  }
}

.c-comments__list {
  list-style: none;
  margin: 1rem 0;
  padding: 0 !important;
}
.c-comments__list article {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.c-comments_nav a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.c-comments-form textarea, .c-comments-form input:not([type=submit]) {
  width: 100%;
}
.c-comments-form .comment-notes {
  font-size: 0.875rem;
  color: var(--color-text-light);
  margin-bottom: 1rem;
}

@media (max-width: 61.24em) {
  .c-article__related-links {
    max-width: 680px;
    margin: 0 auto;
  }
}

.c-article-header {
  position: relative;
  margin-bottom: 3rem;
}
.c-article-header:after {
  content: "";
  height: 18px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2552' height='18' fill='none'%3E%3Cpath fill='%23f3F2F2' d='M279.783 8.9C147.068 11.836-24 .001-24 .001l.001 15.197 2579.089 2.59V.001S2266.6 8.816 2133.9 8.816c-18.48 0-38.27.024-59.05.049-128.52.153-295.12.352-424.25-4.709-141.53-5.546-335.63-1.706-483.1 1.212-8.84.174-17.52.346-26.01.512-92.82 1.817-213.714-.487-319.733-2.508C756.443 2.126 696.773.989 652.785.989c-78.043 0-160.437 2.276-246.657 4.658C364.87 6.787 322.736 7.95 279.783 8.9Z'/%3E%3C/svg%3E");
  background-size: cover;
}
.c-article-header h1 {
  margin-top: 1.5rem;
  font-size: var(--fluid-40-52);
  font-weight: 500;
  line-height: 1.07;
}
.c-article-header h1 span {
  font-weight: 600;
  color: var(--header-accent-color);
}
.c-article-header h1.has-accent-script span {
  font-family: var(--font-family-display), sans-serif;
  font-size: var(--fluid-60-80);
  line-height: 0.85;
  display: inline;
}
.c-article-header h2 {
  font-size: var(--fluid-14-18);
  color: var(--header-subtitle-color);
}
.c-article-header h3 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--header-text-color);
}
.c-article-header p {
  font-size: 1.125rem;
  margin-top: 3rem;
}
.c-article-header a {
  margin-top: 5.5rem;
  display: inline-block;
  text-align: center;
  color: var(--header-link-color);
  font-size: 0.75rem;
  text-decoration: none;
  line-height: 1;
}
.c-article-header img {
  width: 100%;
  height: auto;
}

.c-article-header__content {
  text-align: center;
  max-width: min(549px, 80vw);
  margin: 3.5rem auto;
}

.c-article-header__image {
  position: relative;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 100%;
  height: min(100vw, 550px);
}
.c-article-header__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-article-header__image::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 214px;
  z-index: 1;
  background: linear-gradient(180deg, var(--header-bg-color) 0%, var(--header-bg-color) 5%, transparent 100%);
}

@media (min-width: 61.25em) {
  .c-article-header--row {
    position: initial;
  }
  .c-article-header--row .c-article--header__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .c-article-header--row .c-article-header__image {
    position: absolute;
    top: -1rem;
    right: 0;
    bottom: 0;
    height: 100%;
    width: min(70%, 1100px);
    z-index: 0;
  }
  .c-article-header--row .c-article-header__image:before {
    height: 100%;
    width: 400px;
    background: linear-gradient(90deg, var(--header-bg-color) 0%, var(--header-bg-color) 5%, transparent 100%);
  }
  .c-article-header--row .c-article-header__content {
    text-align: left;
    max-width: 426px;
    padding: 3.5rem 0 5rem 2rem;
    z-index: 1;
    margin: 0;
  }
  .c-article-header--row a {
    margin-top: 0;
    margin-bottom: 5.5rem;
  }
}
@media (min-width: 112.5em) {
  .c-article-header--row {
    position: relative;
    top: 70px;
    margin-top: -70px;
    margin-bottom: calc(3rem + 70px);
  }
  .c-article-header--row .c-article-header__content {
    padding: 3.5rem 0 8rem 2rem;
  }
  .c-article-header--row a {
    display: none;
  }
  .c-article-header--row .c-article-header__image {
    display: block;
    border-radius: 24px;
    z-index: 2;
    overflow: hidden;
    position: initial;
    aspect-ratio: 1/1;
    flex: none;
    width: 755px;
    height: 738px;
  }
  .c-article-header--row .c-article-header__image:before {
    display: none;
  }
  .c-article-header--row:after {
    bottom: 67px;
  }
}

@media (min-width: 46.25em) {
  .c-article-header--column .c-article-header__image {
    aspect-ratio: 1439/919;
    max-height: 919px;
    height: auto;
  }
}
@media (min-width: 112.5em) {
  .c-article-header--column {
    position: relative;
    top: 109px;
    margin-top: -109px;
    margin-bottom: calc(3rem + 109px);
  }
  .c-article-header--column .c-article-header__image {
    border-radius: 24px;
    z-index: 2;
  }
  .c-article-header--column .c-article-header__image:before {
    content: none;
  }
  .c-article-header--column:after {
    bottom: 106px;
  }
}

.c-image-header {
  width: 100%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: -80px auto 3rem auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  text-align: center;
}
.c-image-header h1 {
  font-family: var(--font-family-display), sans-serif;
  font-size: var(--fluid-60-80);
  color: var(--color-primary-0);
  line-height: 0.8;
  font-weight: 500;
  display: block;
  max-width: 16ch;
  text-wrap: balance;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
  position: relative;
}
.c-image-header h2 {
  font-size: var(--fluid-28-22);
  color: white;
  max-width: 25ch;
  text-wrap: balance;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  position: relative;
}
.c-image-header img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-image-header .c-image-header_content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  max-width: 90vw;
}
@media (min-width: 64.375em) {
  .c-image-header {
    margin: 0 auto 3rem auto;
    width: min(100% - 2rem, 1200px);
    aspect-ratio: 1164/520;
  }
  .c-image-header img {
    border-radius: 1rem;
  }
}

.c-image-header--dark h1 {
  color: var(--color-tertiary-100);
}
.c-image-header--dark h2 {
  color: var(--color-tertiary-150);
}

.c-block {
  margin-bottom: 1rem;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 61.25em) {
  .c-block {
    margin-right: calc(336px + 4rem);
  }
}

.c-block-text--frame {
  background: white;
  padding: 1.5rem;
}
.c-block-text--frame *:last-child {
  margin-bottom: 0;
}

.c-block-image {
  max-width: 100%;
  margin: 2rem 0;
  container-type: inline-size;
}
.c-block-image img {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
.c-block-image figure {
  margin: 0;
  position: relative;
}

.c-block-image__content {
  gap: 10px;
}

.c-block-image__content.has-2-images,
.c-block-image__content.has-3-images {
  display: flex;
  flex-wrap: wrap;
}
.c-block-image__content.has-2-images figure,
.c-block-image__content.has-3-images figure {
  flex: 1;
  width: 100%;
  position: relative;
}
.c-block-image__content.has-2-images figure img,
.c-block-image__content.has-3-images figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-block-image__content.has-3-images figure:first-child {
  flex: none;
}

@container (min-width: 700px) {
  .c-block-image__content {
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .c-block-image__content.has-2-images figure {
    aspect-ratio: 549/646;
  }
  .c-block-image__content.has-3-images {
    display: grid;
    grid-template-columns: 60% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: 1115/646;
  }
  .c-block-image__content.has-3-images img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .c-block-image__content.has-3-images figure:first-child {
    grid-area: 1/1/3/2;
  }
  .c-block-image__content.has-3-images figure:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .c-block-image__content.has-3-images figure:last-child {
    grid-area: 2/2/3/3;
  }
}
.c-block-text-sidebar {
  display: flex;
}
@media (max-width: 61.24em) {
  .c-block-text-sidebar {
    flex-direction: column;
    gap: 1rem;
  }
  .c-block-text-sidebar .c-block-text-sidebar__item.has-mobile-position-above {
    order: -1;
  }
  .c-block-text-sidebar .c-block-text-sidebar__main {
    order: 2;
  }
  .c-block-text-sidebar aside {
    display: contents;
  }
  .c-block-text-sidebar .c-block-text-sidebar__item.has-mobile-position-below {
    order: 99;
  }
  .c-block-text-sidebar .c-block-text-sidebar__item.has-mobile-position-hide {
    display: none; /* Hide on mobile */
  }
}
@media (min-width: 61.25em) {
  .c-block-text-sidebar {
    flex-direction: row;
    gap: 4rem;
    max-width: 980px;
    margin-right: 0;
    margin-left: auto;
  }
  .c-block-text-sidebar aside {
    width: 336px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: none;
  }
}

.c-block-text-sidebar__main * {
  max-width: 100%;
}

.c-block-text-sidebar__text {
  background: var(--color-primary-0);
  padding: 1.25rem;
  border-radius: 8px;
}
.c-block-text-sidebar__text p, .c-block-text-sidebar__text h3 {
  padding-left: 0;
  padding-right: 0;
}
.c-block-text-sidebar__text h3 {
  color: var(--color-primary-100);
}

.c-block-pdf-viewer,
.c-block-embed {
  width: 100%;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.c-block-pdf-viewer iframe,
.c-block-embed iframe {
  width: 100%;
}

.c-block-embed--video {
  position: relative;
}
.c-block-embed--video iframe {
  aspect-ratio: 16/9;
  height: initial;
}

.c-block-gallery {
  align-items: center;
  display: flex;
  gap: 10px;
  height: min(93vw, 390px);
  overflow-x: scroll;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  margin-left: min(-1rem, -5%);
  margin-right: min(-1rem, -5%);
}
.c-block-gallery figure {
  aspect-ratio: 1;
  flex: none;
  scroll-snap-align: start;
  width: min(93vw, 390px);
}
.c-block-gallery a {
  display: block;
  height: 100%;
}
.c-block-gallery img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-block-gallery .c-block-gallery__link {
  display: none;
  position: absolute;
  bottom: 0.7rem;
  right: 0.7rem;
  height: auto;
}
@media (min-width: 61.25em) {
  .c-block-gallery {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 60% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0.7rem;
    grid-row-gap: 0.7rem;
    aspect-ratio: 1115/646;
    position: relative;
  }
  .c-block-gallery figure a {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .c-block-gallery figure:first-child {
    grid-area: 1/1/3/2;
    display: block;
  }
  .c-block-gallery figure:nth-child(2) {
    grid-area: 1/2/2/3;
    display: block;
  }
  .c-block-gallery figure:nth-child(3) {
    grid-area: 2/2/3/3;
    display: block;
  }
  .c-block-gallery figure {
    aspect-ratio: initial;
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
  }
  .c-block-gallery .c-block-gallery__link {
    display: block;
  }
}

.c-block-text-sidebar__sidebar {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
}

body:has(dialog[open]) {
  overflow: hidden;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

dialog {
  padding: 0;
}

dialog nav button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--color-primary-0);
  color: var(--color-text);
}
dialog nav button svg {
  width: 1.2rem !important;
  height: 1.2rem !important;
}

.c-modal .c-modal__wrap {
  padding: min(1rem, 2%);
}

.c-modal {
  position: fixed;
  border-radius: 1rem;
  background: white;
  border: 0;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90vh;
  max-width: 900px;
  width: calc(100vw - 1rem);
  margin: 1rem 0;
}
@media (min-width: 31.25em) {
  .c-modal {
    width: 80vw;
  }
}
.c-modal nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.c-modal nav a svg {
  width: 1rem;
  height: 1rem;
  fill: var(--color-text-light);
}
.c-modal nav a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--color-text-light);
  font-size: var(--font-size-xs);
  text-decoration: none;
}

.c-modal__inner {
  height: 100%;
  padding: 1rem 1rem;
}

.c-modal__wrap {
  min-height: 100%;
  overflow: auto;
}

.c-modal--full {
  width: min(90%, 960px);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100vh - 2rem);
  margin: 1rem 0;
}

.c-modal--small {
  max-width: 500px;
}

.c-modal--full::after {
  content: "";
  position: absolute;
  top: 30%;
  left: -6px;
  width: 18px;
  height: 79px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='79' fill='none'%3E%3Cpath fill='%2335B4A1' d='M11.1 1.9c.4.8.9 1.3 1 1.8.3 1.1.4 2.1-1 2.8-1.4.7-1.2.7.1 1.7 1.6 1.2 3 2.5 4 4.5 1.4 2.5.6 4-1.2 5.5l-1 1c-1.5 1.5-1.4 1.4.2 2.8 2 1.8 3.8 4 3.6 7 0 2-1.6 3.2-2.4 4.7l-1 1c-2 2-2 2 .4 3.8 2.2 1.9 3.6 4.3 4.1 7.1.5 2.5-1 4.3-2.2 6.2-1.9 2.9-4.3 5.3-5.6 8.5-.5 1.3-1 3.2-.5 4.2 1.1 2.3-.4 4.1-.3 6.2.1 1.2-.7 2.5-1 3.8-.2 1.8-1.5 2.9-2.7 4-.9.9-1.8.5-2.3-.4-.9-2-2.2-3.6-1.8-6.1.3-2.6.5-5.4 0-8C.2 59 3 55.4 5.2 51.5c1-1.8 2.2-3.4 3.4-5.1.3-.6.4-1-.4-1.2-1.8-.5-3.5-1-4.4-3-1.2-2.4-1.6-5-1.1-7.5.3-1.5 1.8-2.9 2.9-4.2C6.9 29 7 29 5.3 28.1 2.3 26.5 1 24 .9 20.6c0-2 1.2-3 2.4-4.2 1.3-1.4 1.7-1.2 0-2.8a10.3 10.3 0 0 1-3-4.5c-1.1-3.5.7-6 3-7.2L5 .9c2.2-1.5 4.2-1 6 1Z'/%3E%3C/svg%3E");
}

.c-question {
  background: white;
  border-radius: 8px;
  position: relative;
  margin-bottom: 1rem;
}
.c-question summary::-webkit-details-marker {
  display: none;
}
.c-question::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23E6B98B' fill-rule='evenodd' d='M23.6 20.5c-.4.4-1.2.4-1.7 0L16 14l-6 6.3a1.2 1.2 0 0 1-1.7-1.6l6.8-7.2a1.2 1.2 0 0 1 1.8 0l6.8 7.2c.4.4.4 1.2 0 1.7Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  top: 8px;
  content: "";
  width: 32px;
  height: 32px;
  pointer-events: none;
  transform: rotate(180deg);
}
.c-question[open]::after {
  transform: rotate(0deg);
}
.c-question > div {
  padding: 0 2.7rem 1rem 1.5rem;
}
.c-question summary {
  list-style-type: none;
  color: var(--color-gray-5);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2;
  position: relative;
  padding: 1rem 2.7rem 1rem 1.5rem;
}
.c-question:before {
  position: absolute;
  left: -12px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='22' fill='none'%3E%3Cpath fill='%23fff' d='M8.6 19.7c-.9-.2-1.8-.4-2.6-.8a7 7 0 0 1-2.4-2.6 11 11 0 0 1-.8-10c1.5-3.1 5-5.3 8.4-4.9.7 0 1.3.3 2 .1 2-.3 4 .9 5.5 2.2a14 14 0 0 1 3.2 3.7 7.8 7.8 0 0 1 1 4.8 7.8 7.8 0 0 1-2.7 4.8c-1.5 1.2-3.3 2-5 2.5a13 13 0 0 1-3.6.6c-1 0-2-.2-3-.4'/%3E%3Cpath stroke='%23E6B98B' stroke-width='2.5' d='M8.6 19.7c-.9-.2-1.8-.4-2.6-.8a7 7 0 0 1-2.4-2.6 11 11 0 0 1-.8-10c1.5-3.1 5-5.3 8.4-4.9.7 0 1.3.3 2 .1 2-.3 4 .9 5.5 2.2a14 14 0 0 1 3.2 3.7 7.8 7.8 0 0 1 1 4.8 7.8 7.8 0 0 1-2.7 4.8c-1.5 1.2-3.3 2-5 2.5a13 13 0 0 1-3.6.6c-1 0-2-.2-3-.4'/%3E%3Cpath fill='%23E6B98B' d='m11.3 16.9-.2-.1v-.1c-.4-.2-.5-.4-.5-.6V16l-.1-1.7c0-2.5.1-3.8.4-4.1l.2-.3s0-.2.3-.2l.4-.1h.1l.3.2c.2 0 .3.1.3.2h.2l.1.6.1.4v.4l.1.4v.7l-.1 1.3.1 1v.3c0 .4-.1 1-.6 1.6l-.3.2H11.3Zm1.1-9.1-1 .3c-.2 0-.3 0-.4-.2l-.2-.1-.3-1.2v-.3s.1 0 0 0V6c0-.2.2-.4.4-.6.3-.3.6-.4.9-.4.3 0 .4.2.5.4l.1.2.3.3.1.6v.2a27 27 0 0 1-.2.8l-.2.2Z'/%3E%3C/svg%3E");
  width: 25px;
  height: 22px;
  top: 13px;
  pointer-events: none;
}

.c-date {
  background: white;
  border-radius: 8px;
  position: relative;
  margin-bottom: 1rem;
}
.c-date summary::-webkit-details-marker {
  display: none;
}
.c-date::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23E6B98B' fill-rule='evenodd' d='M23.6 20.5c-.4.4-1.2.4-1.7 0L16 14l-6 6.3a1.2 1.2 0 0 1-1.7-1.6l6.8-7.2a1.2 1.2 0 0 1 1.8 0l6.8 7.2c.4.4.4 1.2 0 1.7Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  position: absolute;
  right: 15px;
  top: 20px;
  content: "";
  width: 32px;
  height: 32px;
  pointer-events: none;
}
.c-date[open]::after {
  transform: rotate(0deg);
}
.c-date > div {
  padding: 0 2.7rem 1rem 90px;
}
.c-date summary {
  list-style-type: none;
  color: var(--color-gray-5);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2;
  position: relative;
  padding: 1rem 2.7rem 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.c-date__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
}

.c-date__day {
  font-size: var(--font-size-xxl);
}

.c-date--range {
  font-size: 1.1rem;
}

.c-date__month {
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
}

.c-date__day + .c-date__month {
  font-size: var(--font-size-l);
}

.c-date--range {
  width: 70px;
}

.c-date--range .c-date__day {
  font-size: 1.1rem;
}

.c-review-summary {
  --header-bg-color: var(--color-primary-0);
  --header-text-color: var(--color-text);
  --quote-color: var(--color-secondary-100);
  position: relative;
  background-color: var(--header-bg-color);
  border-radius: 1rem;
  overflow: hidden;
  color: var(--header-text-color);
}
.c-review-summary header {
  background-color: var(--header-bg-color);
  position: relative;
  z-index: 2;
  padding: 2rem 0;
}
.c-review-summary .c-review-summary__header-inner {
  max-width: 285px;
  margin: 0 auto;
}
.c-review-summary h1 {
  margin-top: 1.5rem;
  font-size: var(--fluid-24-40);
  font-weight: 500;
  line-height: 1.07;
}
.c-review-summary h1 span {
  font-weight: 600;
  color: var(--quote-color);
}
.c-review-summary h2 {
  font-size: 0.875rem;
  color: var(--header-text-color);
}
.c-review-summary h3 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--header-text-color);
}
.c-review-summary svg {
  color: var(--header-text-color);
  transition: transform 0.3s ease-in-out;
}
.c-review-summary a {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 20;
}
.c-review-summary figure {
  position: relative;
  margin: 0;
  width: 100%;
  line-height: 0;
}
.c-review-summary figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.c-review-summary figure::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 214px;
  z-index: 1;
  background: linear-gradient(180deg, var(--header-bg-color) 0%, var(--header-bg-color) 5%, transparent 100%);
}
.c-review-summary:hover svg {
  transform: translateX(5px);
}
.c-review-summary:hover img {
  transform: scale(1.05);
}

.c-review-summary--green {
  --header-bg-color: var(--color-secondary-200);
  --header-text-color: white;
  --quote-color: var(--color-secondary-100);
  --text-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='9' fill='none'%3E%3Cpath stroke='%2335B4A1' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E") ;
}

.c-review-summary--blue {
  --header-bg-color: var(--color-tertiary-150);
  --quote-color: var(--color-tertiary-25);
  --header-text-color: white;
  --text-underline-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='9' fill='none'%3E%3Cpath stroke='%2300A6BF' stroke-miterlimit='10' stroke-width='6' d='M0 4h23l36 1 25-1 20 1 29-1h23'/%3E%3C/svg%3E");
}

.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-lead {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-text-light);
}

@media (min-width: 46.25em) {
  .u-text-center\@tablet {
    text-align: center;
  }
}
@media (min-width: 61.25em) {
  .u-text-left\@desktop {
    text-align: left;
  }
}
:root:root .u-hide {
  display: none;
}

.u-hidden-visually, .projectconnect-progressbar__title,
.projectconnect-form legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.u-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-size-full {
  display: block;
  flex: none;
  width: 100%;
}

.u-d-block {
  display: block;
}

@media (min-width: 46.25em) {
  .u-hide\@tablet {
    display: none;
  }
  .u-d-block\@tablet {
    display: block !important;
  }
}
@media (min-width: 61.25em) {
  .u-hide\@desktop {
    display: none;
  }
  .u-d-block\@desktop {
    display: block !important;
  }
}
.u-z-top {
  z-index: 10;
  position: relative;
}

/* ==========================================================================
 # Custom
========================================================================== */
.u-link-subtle {
  color: var(--color-gray-4);
}

button.u-link-subtle {
  all: unset;
  cursor: pointer;
  text-decoration: underline;
  color: var(--color-gray-4);
}

.u-link-subtle:hover {
  color: var(--color-primary-100);
}

.u-bg-white {
  background-color: white;
}

/* ==========================================================================
 #  FONT SIZES
========================================================================== */
.u-font-size-xs {
  font-size: var(--font-size-xs);
}

.u-font-size-sm {
  font-size: var(--font-size-sm);
}

.u-font-size-m {
  font-size: var(--font-size-md);
}

.u-font-size-l {
  font-size: var(--font-size-lg);
}

.u-font-size-xxl {
  font-size: var(--font-size-xxl);
}

.u-font-upper {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* ==========================================================================
 #  TITLES
========================================================================== */
/* ==========================================================================
 #  COLORS
========================================================================== */
.u-color-primary-100 {
  color: var(--color-primary-100);
}

.u-color-primary-75 {
  color: var(--color-primary-75);
}

.u-color-gray-4 {
  color: var(--color-gray-4);
}

.u-color-secondary-150 {
  color: var(--color-secondary-150);
}

.u-color-tertiary-100 {
  color: var(--color-tertiary-100);
}

.u-color-red {
  color: var(--color-red);
}

/* ==========================================================================
 #  OFFSETS
========================================================================== */
@media (min-width: 61.25em) {
  .u-offset-min-1\@desktop {
    margin-left: -1.5rem;
  }
}
/*  ==========================================================================
 #  Images
========================================================================== */
.u-image-round {
  border-radius: 50%;
}

.c-donation-form {
  background: var(--color-primary-0);
  border-radius: 8px;
  overflow: hidden;
  max-width: 441px;
  margin: 0 auto;
  font-size: 0.875rem;
  margin-top: -10rem;
  z-index: 100;
  position: relative;
}
@media (min-width: 46.25em) {
  .c-donation-form {
    margin-top: -17.55rem;
  }
}
@media (min-width: 61.25em) {
  .c-donation-form {
    margin-top: -18.55rem;
  }
}
.c-donation-form h1 {
  font-size: 30px;
}

.c-donation-form__specific-donation {
  display: none;
}

.c-donation-form__header {
  background: var(--color-primary-50);
}
.c-donation-form__header label {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  line-height: 1.4;
  color: var(--color-gray-5);
}
.c-donation-form__header label strong {
  font-weight: 600;
  color: var(--color-text);
}
.c-donation-form__header label:first-child strong {
  font-size: 1rem;
}
.c-donation-form__header label + label {
  margin-top: 1rem;
}

.c-donation-form__header,
.c-donation-form__content {
  padding: 1.5rem;
}
@media (min-width: 61.25em) {
  .c-donation-form__header,
  .c-donation-form__content {
    padding: 2rem;
  }
}

:root .wp-block-projectconnect-donation .projectconnect-progressbar__header {
  display: block;
  text-align: right;
}
:root .wp-block-projectconnect-donation .projectconnect-progressbar {
  border: 0;
  margin-bottom: 1rem;
}
:root .wp-block-projectconnect-donation .projectconnect-progressbar__bar {
  background-color: var(--color-primary-50);
}
:root .wp-block-projectconnect-donation fieldset {
  all: unset;
}
:root .wp-block-projectconnect-donation button.wp-element-button {
  background-color: var(--color-primary-75);
}
:root .wp-block-projectconnect-donation button.wp-element-button:hover {
  background-color: var(--color-primary-100);
}
:root .wp-block-projectconnect-donation label {
  font-size: 1em;
  font-weight: 500;
  display: inline;
}
:root .wp-block-projectconnect-donation label[for=projectconnect_donation_amount],
:root .wp-block-projectconnect-donation label[for=projectconnect_donation_frequency] {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 10px;
  display: block;
}
:root .wp-block-projectconnect-donation label[for=projectconnect_donation_amount]:after,
:root .wp-block-projectconnect-donation label[for=projectconnect_donation_frequency]:after {
  content: "*";
  vertical-align: super;
  color: var(--color-primary-100);
}
:root .wp-block-projectconnect-donation .input-row {
  margin-top: 0.5rem;
}
:root .wp-block-projectconnect-donation .input-row--checkbox .input-group {
  display: flex;
  gap: 0.5rem;
  line-height: 1.4;
}
:root .wp-block-projectconnect-donation button.wp-block-button__link {
  font-family: var(--font-family-base);
  color: var(--color-primary-75);
  text-transform: initial;
  font-weight: 600;
}
:root .wp-block-projectconnect-donation button.wp-block-button__link:hover {
  color: var(--color-primary-100);
}
:root .wp-block-projectconnect-donation input[type=email],
:root .wp-block-projectconnect-donation input[type=number],
:root .wp-block-projectconnect-donation input[type=tel],
:root .wp-block-projectconnect-donation input[type=text],
:root .wp-block-projectconnect-donation input[type=url],
:root .wp-block-projectconnect-donation textarea {
  padding: 4px 8px;
  font-size: 1rem;
}
:root .wp-block-projectconnect-donation input[type=checkbox] {
  width: 15px !important;
}
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-amount,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-paymentmethod,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-type {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency li:nth-of-type(n+3) {
  display: none;
}
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-amount li input[type=radio] + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency li input[type=radio] + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-paymentmethod li input[type=radio] + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-type li input[type=radio] + label {
  border: 0;
  padding: 10px 15px;
  border-radius: 2px;
  margin: 0;
  background-color: white;
  font-weight: 600;
  color: var(--color-gray-5);
  transition: background-color 0.1s ease, color 0.1s ease;
  display: inline-block;
}
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-amount li input[type=radio] + label:after,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency li input[type=radio] + label:after,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-paymentmethod li input[type=radio] + label:after,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-type li input[type=radio] + label:after {
  content: none;
}
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-amount li label:hover,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency li label:hover,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-paymentmethod li label:hover,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-type li label:hover,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-amount li input[type=radio]:checked + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-frequency li input[type=radio]:checked + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-paymentmethod li input[type=radio]:checked + label,
:root .wp-block-projectconnect-donation .input-row ul.projectconnect-type li input[type=radio]:checked + label {
  background-color: var(--color-tertiary-100) !important;
  color: white !important;
}
:root .wp-block-projectconnect-donation .input-countries-dropdown ul li button,
:root .wp-block-projectconnect-donation .input-insertion-dropdown ul li button {
  color: var(--color-text);
  text-transform: initial;
  font-family: var(--font-family-base), sans-serif;
}

.c-donation-form__footer {
  text-align: center;
  color: var(--color-gray-4);
}

.c-partners__list {
  display: flex;
  align-items: center;
  gap: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.c-partners__list::-webkit-scrollbar {
  display: none;
}
.c-partners__list .c-partners__item {
  scroll-snap-align: start;
  width: 100px;
  height: 100px;
  flex: none;
}
@media (min-width: 25em) {
  .c-partners__list .c-partners__item {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 46.25em) {
  .c-partners__list .c-partners__item {
    width: 210px;
    height: 210px;
  }
}
.c-partners__list .c-partners__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-partners__list a img {
  transform: scale(1);
  transition: transform 0.3s;
}
.c-partners__list a:hover img {
  transform: scale(1.1);
}

.c-flight-plan {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
@media (min-width: 53.125em) {
  .c-flight-plan {
    flex-direction: row;
  }
}

.c-flight-plan__travel {
  flex: none;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 53.125em) {
  .c-flight-plan__travel {
    width: calc(50% - 2rem);
  }
}
.c-flight-plan__travel ul {
  list-style: none;
  padding: 1rem;
  margin: 0;
  background-color: var(--color-white-25);
}
.c-flight-plan__travel ul:first-of-type {
  border-radius: 1rem 1rem 0 0;
}
.c-flight-plan__travel ul:last-of-type {
  border-radius: 0 0 1rem 1rem;
}
.c-flight-plan__travel li {
  display: flex;
}
.c-flight-plan__travel li > div {
  padding: 0 1rem;
}
.c-flight-plan__travel li:not(:last-of-type) > div {
  padding-bottom: 1rem;
}
.c-flight-plan__travel li > div:first-child {
  width: min(30vw, 130px);
  flex: none;
  position: relative;
  text-align: right;
  border-right: 2px solid var(--color-tertiary-25);
}
.c-flight-plan__travel li:last-of-type > div:first-child {
  border-color: transparent;
}
.c-flight-plan__travel li:last-of-type div:first-child:before,
.c-flight-plan__travel li:first-of-type div:first-child:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--color-tertiary-25);
  right: -6px;
  top: 0;
}
.c-flight-plan__travel p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-gray-4);
  line-height: 1.3;
}
.c-flight-plan__travel h4 {
  font-size: var(--font-size-md);
  margin: 0;
  color: var(--color-tertiary-100);
}
.c-flight-plan__travel h5 {
  margin: 0;
  color: var(--color-gray-4);
}

.c-flight-plan__item-flight p {
  color: var(--color-text);
}

.c-sign-up-form {
  background: var(--color-primary-0);
  padding: 2rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.c-sign-up-form label {
  font-size: var(--font-size-sm) !important;
}
@media screen and (min-width: 600px) {
  .c-sign-up-form {
    border-radius: 12px;
    margin-left: 0;
    margin-right: 0;
  }
}

h2 {
  font-size: var(--font-size-lg);
}

.c-sign-up-form__row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-sign-up-form__row {
    gap: 1rem;
    flex-direction: row;
  }
}

.c-alert-block {
  margin-top: 1rem;
  display: block;
  padding: 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
}

.c-alert-block--error {
  background: var(--color-red);
  color: var(--color-white-50);
}

.c-alert-block--success {
  background: var(--color-success);
  color: var(--color-white-50);
}

.c-sign-up-form--sidebar .c-sign-up-form__row {
  flex-direction: column !important;
  gap: 0;
}

.page-template-project-index .site {
  background-image: url("../images/background-bottom-right.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto;
  padding-bottom: 10rem;
  flex-grow: 1;
}
.page-template-project-index:after {
  content: "";
  display: block;
  height: min(490px, 70%);
  background-image: url("../images/world-map.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .page-template-project-index:after {
    height: min(768px, 70%);
  }
}
@media screen and (min-width: 2150px) {
  .page-template-project-index:after {
    background-size: contain;
  }
}

.l-focus .site {
  padding-top: 3rem;
}
.l-focus .c-logo {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
  .l-focus .c-logo {
    left: 18px;
    top: 18px;
    transform: none;
  }
}

@media (max-width: 61.24em) {
  body.single-project .c-whatsapp {
    position: absolute;
    bottom: 10px;
  }
}

.l-contact__main {
  display: flex;
  gap: 3rem;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .l-contact__main {
    flex-direction: row;
    gap: 1rem;
  }
  .l-contact__main .l-contact__links {
    flex: 1;
  }
  .l-contact__main aside {
    flex: none;
    width: 33.3333%;
    min-width: 250px;
    order: -1;
  }
}
.l-contact__main .l-contact__links {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 56.25em) {
  .l-contact__main .l-contact__links {
    flex-direction: row;
    gap: 1rem;
  }
  .l-contact__main .l-contact__links > div {
    flex: none;
    width: 50%;
  }
}
.l-contact__main .l-contact__message {
  background-color: var(--color-primary-0);
  text-align: left;
  padding: 1rem;
  border-radius: 5px;
  margin: 1rem 0;
  max-width: 300px;
  font-weight: 600;
}
.l-contact__main .l-contact__message p:last-child {
  margin-bottom: 0;
}
.l-contact__main aside {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 25em) and (max-width: 37.5em) {
  .l-contact__main aside {
    display: flex;
    flex-wrap: wrap;
  }
  .l-contact__main aside header {
    width: 100%;
    flex: none;
  }
  .l-contact__main aside > div {
    width: 50%;
    flex: none;
    padding-right: 1rem;
  }
}
.l-contact__main aside a {
  color: var(--color-text);
}
.l-contact__main aside svg {
  color: var(--color-gray-5);
}

/*
 * Donate
 */
.l-donate__main > * {
  max-width: 90vw;
  margin: 0 auto;
}
@media (min-width: 60.5em) {
  .l-donate__main {
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  .l-donate__main > * {
    width: 50%;
  }
}

.l-join-us__main {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .l-join-us__main {
    flex-direction: row;
  }
  .l-join-us__main article {
    flex: 1;
  }
  .l-join-us__main aside {
    width: 43%;
    flex: none;
    max-width: 434px;
  }
}

.l-project-active {
  padding-bottom: 0 !important;
}

/* ==========================================================================
 # STATES
========================================================================== */
html:not(.no-js) .is-hidden {
  display: none;
}

html:not(.no-js) .is-disabled {
  opacity: 0.8;
  cursor: not-allowed;
  pointer-events: none;
}

.u-gap-0 {
  gap: 0;
}

.u-ma-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-pa-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.u-mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.u-px-0 {
  padding-right: 0;
  padding-left: 0;
}

.u-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.u-mt-0 {
  margin-top: 0;
}

.u-pt-0 {
  padding-top: 0;
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-pb-0 {
  padding-bottom: 0;
}

.u-ml-0 {
  margin-left: 0;
}

.u-pl-0 {
  padding-left: 0;
}

.u-mr-0 {
  margin-right: 0;
}

.u-pr-0 {
  padding-right: 0;
}

.u-gap-1 {
  gap: 0.25rem;
}

.u-ma-1 {
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.u-pa-1 {
  padding-top: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.u-mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.u-px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.u-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.u-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.u-mt-1 {
  margin-top: 0.25rem;
}

.u-pt-1 {
  padding-top: 0.25rem;
}

.u-mb-1 {
  margin-bottom: 0.25rem;
}

.u-pb-1 {
  padding-bottom: 0.25rem;
}

.u-ml-1 {
  margin-left: 0.25rem;
}

.u-pl-1 {
  padding-left: 0.25rem;
}

.u-mr-1 {
  margin-right: 0.25rem;
}

.u-pr-1 {
  padding-right: 0.25rem;
}

.u-gap-2 {
  gap: 0.5rem;
}

.u-ma-2 {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}

.u-pa-2 {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.u-mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.u-px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.u-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.u-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.u-mt-2 {
  margin-top: 0.5rem;
}

.u-pt-2 {
  padding-top: 0.5rem;
}

.u-mb-2 {
  margin-bottom: 0.5rem;
}

.u-pb-2 {
  padding-bottom: 0.5rem;
}

.u-ml-2 {
  margin-left: 0.5rem;
}

.u-pl-2 {
  padding-left: 0.5rem;
}

.u-mr-2 {
  margin-right: 0.5rem;
}

.u-pr-2 {
  padding-right: 0.5rem;
}

.u-gap-3 {
  gap: 1rem;
}

.u-ma-3 {
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.u-pa-3 {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.u-mx-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.u-px-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.u-my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.u-py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-mt-3 {
  margin-top: 1rem;
}

.u-pt-3 {
  padding-top: 1rem;
}

.u-mb-3 {
  margin-bottom: 1rem;
}

.u-pb-3 {
  padding-bottom: 1rem;
}

.u-ml-3 {
  margin-left: 1rem;
}

.u-pl-3 {
  padding-left: 1rem;
}

.u-mr-3 {
  margin-right: 1rem;
}

.u-pr-3 {
  padding-right: 1rem;
}

.u-gap-4 {
  gap: 1.5rem;
}

.u-ma-4 {
  margin-top: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
}

.u-pa-4 {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.u-mx-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.u-px-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.u-my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.u-py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.u-mt-4 {
  margin-top: 1.5rem;
}

.u-pt-4 {
  padding-top: 1.5rem;
}

.u-mb-4 {
  margin-bottom: 1.5rem;
}

.u-pb-4 {
  padding-bottom: 1.5rem;
}

.u-ml-4 {
  margin-left: 1.5rem;
}

.u-pl-4 {
  padding-left: 1.5rem;
}

.u-mr-4 {
  margin-right: 1.5rem;
}

.u-pr-4 {
  padding-right: 1.5rem;
}

.u-gap-5 {
  gap: 3rem;
}

.u-ma-5 {
  margin-top: 3rem;
  margin-right: 3rem;
  margin-bottom: 3rem;
  margin-left: 3rem;
}

.u-pa-5 {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.u-mx-5 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.u-px-5 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.u-my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.u-py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.u-mt-5 {
  margin-top: 3rem;
}

.u-pt-5 {
  padding-top: 3rem;
}

.u-mb-5 {
  margin-bottom: 3rem;
}

.u-pb-5 {
  padding-bottom: 3rem;
}

.u-ml-5 {
  margin-left: 3rem;
}

.u-pl-5 {
  padding-left: 3rem;
}

.u-mr-5 {
  margin-right: 3rem;
}

.u-pr-5 {
  padding-right: 3rem;
}

.u-gap-6 {
  gap: 5rem;
}

.u-ma-6 {
  margin-top: 5rem;
  margin-right: 5rem;
  margin-bottom: 5rem;
  margin-left: 5rem;
}

.u-pa-6 {
  padding-top: 5rem;
  padding-right: 5rem;
  padding-bottom: 5rem;
  padding-left: 5rem;
}

.u-mx-6 {
  margin-right: 5rem;
  margin-left: 5rem;
}

.u-px-6 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.u-my-6 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.u-py-6 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.u-mt-6 {
  margin-top: 5rem;
}

.u-pt-6 {
  padding-top: 5rem;
}

.u-mb-6 {
  margin-bottom: 5rem;
}

.u-pb-6 {
  padding-bottom: 5rem;
}

.u-ml-6 {
  margin-left: 5rem;
}

.u-pl-6 {
  padding-left: 5rem;
}

.u-mr-6 {
  margin-right: 5rem;
}

.u-pr-6 {
  padding-right: 5rem;
}

.u-gap-7 {
  gap: 7rem;
}

.u-ma-7 {
  margin-top: 7rem;
  margin-right: 7rem;
  margin-bottom: 7rem;
  margin-left: 7rem;
}

.u-pa-7 {
  padding-top: 7rem;
  padding-right: 7rem;
  padding-bottom: 7rem;
  padding-left: 7rem;
}

.u-mx-7 {
  margin-right: 7rem;
  margin-left: 7rem;
}

.u-px-7 {
  padding-right: 7rem;
  padding-left: 7rem;
}

.u-my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.u-py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.u-mt-7 {
  margin-top: 7rem;
}

.u-pt-7 {
  padding-top: 7rem;
}

.u-mb-7 {
  margin-bottom: 7rem;
}

.u-pb-7 {
  padding-bottom: 7rem;
}

.u-ml-7 {
  margin-left: 7rem;
}

.u-pl-7 {
  padding-left: 7rem;
}

.u-mr-7 {
  margin-right: 7rem;
}

.u-pr-7 {
  padding-right: 7rem;
}

.u-gap-auto {
  gap: auto;
}

.u-ma-auto {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.u-pa-auto {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto;
}

.u-mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.u-px-auto {
  padding-right: auto;
  padding-left: auto;
}

.u-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.u-py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.u-mt-auto {
  margin-top: auto;
}

.u-pt-auto {
  padding-top: auto;
}

.u-mb-auto {
  margin-bottom: auto;
}

.u-pb-auto {
  padding-bottom: auto;
}

.u-ml-auto {
  margin-left: auto;
}

.u-pl-auto {
  padding-left: auto;
}

.u-mr-auto {
  margin-right: auto;
}

.u-pr-auto {
  padding-right: auto;
}

@media (min-width: 740px) {
  .u-gap-0\@tablet {
    gap: 0;
  }
}
@media (min-width: 740px) {
  .u-ma-0\@tablet {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .u-pa-0\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
@media (min-width: 740px) {
  .u-mx-0\@tablet {
    margin-right: 0;
    margin-left: 0;
  }
  .u-px-0\@tablet {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 740px) {
  .u-my-0\@tablet {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-py-0\@tablet {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 740px) {
  .u-mt-0\@tablet {
    margin-top: 0;
  }
  .u-pt-0\@tablet {
    padding-top: 0;
  }
}
@media (min-width: 740px) {
  .u-mb-0\@tablet {
    margin-bottom: 0;
  }
  .u-pb-0\@tablet {
    padding-bottom: 0;
  }
}
@media (min-width: 740px) {
  .u-ml-0\@tablet {
    margin-left: 0;
  }
  .u-pl-0\@tablet {
    padding-left: 0;
  }
}
@media (min-width: 740px) {
  .u-mr-0\@tablet {
    margin-right: 0;
  }
  .u-pr-0\@tablet {
    padding-right: 0;
  }
}
@media (min-width: 740px) {
  .u-gap-1\@tablet {
    gap: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-ma-1\@tablet {
    margin-top: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 0.25rem;
  }
  .u-pa-1\@tablet {
    padding-top: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-mx-1\@tablet {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .u-px-1\@tablet {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-my-1\@tablet {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .u-py-1\@tablet {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-mt-1\@tablet {
    margin-top: 0.25rem;
  }
  .u-pt-1\@tablet {
    padding-top: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-mb-1\@tablet {
    margin-bottom: 0.25rem;
  }
  .u-pb-1\@tablet {
    padding-bottom: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-ml-1\@tablet {
    margin-left: 0.25rem;
  }
  .u-pl-1\@tablet {
    padding-left: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-mr-1\@tablet {
    margin-right: 0.25rem;
  }
  .u-pr-1\@tablet {
    padding-right: 0.25rem;
  }
}
@media (min-width: 740px) {
  .u-gap-2\@tablet {
    gap: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-ma-2\@tablet {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
  }
  .u-pa-2\@tablet {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-mx-2\@tablet {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .u-px-2\@tablet {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-my-2\@tablet {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .u-py-2\@tablet {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-mt-2\@tablet {
    margin-top: 0.5rem;
  }
  .u-pt-2\@tablet {
    padding-top: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-mb-2\@tablet {
    margin-bottom: 0.5rem;
  }
  .u-pb-2\@tablet {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-ml-2\@tablet {
    margin-left: 0.5rem;
  }
  .u-pl-2\@tablet {
    padding-left: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-mr-2\@tablet {
    margin-right: 0.5rem;
  }
  .u-pr-2\@tablet {
    padding-right: 0.5rem;
  }
}
@media (min-width: 740px) {
  .u-gap-3\@tablet {
    gap: 1rem;
  }
}
@media (min-width: 740px) {
  .u-ma-3\@tablet {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
  .u-pa-3\@tablet {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 740px) {
  .u-mx-3\@tablet {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .u-px-3\@tablet {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 740px) {
  .u-my-3\@tablet {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .u-py-3\@tablet {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 740px) {
  .u-mt-3\@tablet {
    margin-top: 1rem;
  }
  .u-pt-3\@tablet {
    padding-top: 1rem;
  }
}
@media (min-width: 740px) {
  .u-mb-3\@tablet {
    margin-bottom: 1rem;
  }
  .u-pb-3\@tablet {
    padding-bottom: 1rem;
  }
}
@media (min-width: 740px) {
  .u-ml-3\@tablet {
    margin-left: 1rem;
  }
  .u-pl-3\@tablet {
    padding-left: 1rem;
  }
}
@media (min-width: 740px) {
  .u-mr-3\@tablet {
    margin-right: 1rem;
  }
  .u-pr-3\@tablet {
    padding-right: 1rem;
  }
}
@media (min-width: 740px) {
  .u-gap-4\@tablet {
    gap: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-ma-4\@tablet {
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
  }
  .u-pa-4\@tablet {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-mx-4\@tablet {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .u-px-4\@tablet {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-my-4\@tablet {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .u-py-4\@tablet {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-mt-4\@tablet {
    margin-top: 1.5rem;
  }
  .u-pt-4\@tablet {
    padding-top: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-mb-4\@tablet {
    margin-bottom: 1.5rem;
  }
  .u-pb-4\@tablet {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-ml-4\@tablet {
    margin-left: 1.5rem;
  }
  .u-pl-4\@tablet {
    padding-left: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-mr-4\@tablet {
    margin-right: 1.5rem;
  }
  .u-pr-4\@tablet {
    padding-right: 1.5rem;
  }
}
@media (min-width: 740px) {
  .u-gap-5\@tablet {
    gap: 3rem;
  }
}
@media (min-width: 740px) {
  .u-ma-5\@tablet {
    margin-top: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem;
    margin-left: 3rem;
  }
  .u-pa-5\@tablet {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 740px) {
  .u-mx-5\@tablet {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .u-px-5\@tablet {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 740px) {
  .u-my-5\@tablet {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .u-py-5\@tablet {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 740px) {
  .u-mt-5\@tablet {
    margin-top: 3rem;
  }
  .u-pt-5\@tablet {
    padding-top: 3rem;
  }
}
@media (min-width: 740px) {
  .u-mb-5\@tablet {
    margin-bottom: 3rem;
  }
  .u-pb-5\@tablet {
    padding-bottom: 3rem;
  }
}
@media (min-width: 740px) {
  .u-ml-5\@tablet {
    margin-left: 3rem;
  }
  .u-pl-5\@tablet {
    padding-left: 3rem;
  }
}
@media (min-width: 740px) {
  .u-mr-5\@tablet {
    margin-right: 3rem;
  }
  .u-pr-5\@tablet {
    padding-right: 3rem;
  }
}
@media (min-width: 740px) {
  .u-gap-6\@tablet {
    gap: 5rem;
  }
}
@media (min-width: 740px) {
  .u-ma-6\@tablet {
    margin-top: 5rem;
    margin-right: 5rem;
    margin-bottom: 5rem;
    margin-left: 5rem;
  }
  .u-pa-6\@tablet {
    padding-top: 5rem;
    padding-right: 5rem;
    padding-bottom: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 740px) {
  .u-mx-6\@tablet {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .u-px-6\@tablet {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 740px) {
  .u-my-6\@tablet {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .u-py-6\@tablet {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 740px) {
  .u-mt-6\@tablet {
    margin-top: 5rem;
  }
  .u-pt-6\@tablet {
    padding-top: 5rem;
  }
}
@media (min-width: 740px) {
  .u-mb-6\@tablet {
    margin-bottom: 5rem;
  }
  .u-pb-6\@tablet {
    padding-bottom: 5rem;
  }
}
@media (min-width: 740px) {
  .u-ml-6\@tablet {
    margin-left: 5rem;
  }
  .u-pl-6\@tablet {
    padding-left: 5rem;
  }
}
@media (min-width: 740px) {
  .u-mr-6\@tablet {
    margin-right: 5rem;
  }
  .u-pr-6\@tablet {
    padding-right: 5rem;
  }
}
@media (min-width: 740px) {
  .u-gap-7\@tablet {
    gap: 7rem;
  }
}
@media (min-width: 740px) {
  .u-ma-7\@tablet {
    margin-top: 7rem;
    margin-right: 7rem;
    margin-bottom: 7rem;
    margin-left: 7rem;
  }
  .u-pa-7\@tablet {
    padding-top: 7rem;
    padding-right: 7rem;
    padding-bottom: 7rem;
    padding-left: 7rem;
  }
}
@media (min-width: 740px) {
  .u-mx-7\@tablet {
    margin-right: 7rem;
    margin-left: 7rem;
  }
  .u-px-7\@tablet {
    padding-right: 7rem;
    padding-left: 7rem;
  }
}
@media (min-width: 740px) {
  .u-my-7\@tablet {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .u-py-7\@tablet {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 740px) {
  .u-mt-7\@tablet {
    margin-top: 7rem;
  }
  .u-pt-7\@tablet {
    padding-top: 7rem;
  }
}
@media (min-width: 740px) {
  .u-mb-7\@tablet {
    margin-bottom: 7rem;
  }
  .u-pb-7\@tablet {
    padding-bottom: 7rem;
  }
}
@media (min-width: 740px) {
  .u-ml-7\@tablet {
    margin-left: 7rem;
  }
  .u-pl-7\@tablet {
    padding-left: 7rem;
  }
}
@media (min-width: 740px) {
  .u-mr-7\@tablet {
    margin-right: 7rem;
  }
  .u-pr-7\@tablet {
    padding-right: 7rem;
  }
}
@media (min-width: 740px) {
  .u-gap-auto\@tablet {
    gap: auto;
  }
}
@media (min-width: 740px) {
  .u-ma-auto\@tablet {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
  }
  .u-pa-auto\@tablet {
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
  }
}
@media (min-width: 740px) {
  .u-mx-auto\@tablet {
    margin-right: auto;
    margin-left: auto;
  }
  .u-px-auto\@tablet {
    padding-right: auto;
    padding-left: auto;
  }
}
@media (min-width: 740px) {
  .u-my-auto\@tablet {
    margin-top: auto;
    margin-bottom: auto;
  }
  .u-py-auto\@tablet {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 740px) {
  .u-mt-auto\@tablet {
    margin-top: auto;
  }
  .u-pt-auto\@tablet {
    padding-top: auto;
  }
}
@media (min-width: 740px) {
  .u-mb-auto\@tablet {
    margin-bottom: auto;
  }
  .u-pb-auto\@tablet {
    padding-bottom: auto;
  }
}
@media (min-width: 740px) {
  .u-ml-auto\@tablet {
    margin-left: auto;
  }
  .u-pl-auto\@tablet {
    padding-left: auto;
  }
}
@media (min-width: 740px) {
  .u-mr-auto\@tablet {
    margin-right: auto;
  }
  .u-pr-auto\@tablet {
    padding-right: auto;
  }
}
@media (min-width: 980px) {
  .u-gap-0\@desktop {
    gap: 0;
  }
}
@media (min-width: 980px) {
  .u-ma-0\@desktop {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .u-pa-0\@desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
@media (min-width: 980px) {
  .u-mx-0\@desktop {
    margin-right: 0;
    margin-left: 0;
  }
  .u-px-0\@desktop {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 980px) {
  .u-my-0\@desktop {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-py-0\@desktop {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 980px) {
  .u-mt-0\@desktop {
    margin-top: 0;
  }
  .u-pt-0\@desktop {
    padding-top: 0;
  }
}
@media (min-width: 980px) {
  .u-mb-0\@desktop {
    margin-bottom: 0;
  }
  .u-pb-0\@desktop {
    padding-bottom: 0;
  }
}
@media (min-width: 980px) {
  .u-ml-0\@desktop {
    margin-left: 0;
  }
  .u-pl-0\@desktop {
    padding-left: 0;
  }
}
@media (min-width: 980px) {
  .u-mr-0\@desktop {
    margin-right: 0;
  }
  .u-pr-0\@desktop {
    padding-right: 0;
  }
}
@media (min-width: 980px) {
  .u-gap-1\@desktop {
    gap: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-ma-1\@desktop {
    margin-top: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 0.25rem;
  }
  .u-pa-1\@desktop {
    padding-top: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-mx-1\@desktop {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .u-px-1\@desktop {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-my-1\@desktop {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .u-py-1\@desktop {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-mt-1\@desktop {
    margin-top: 0.25rem;
  }
  .u-pt-1\@desktop {
    padding-top: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-mb-1\@desktop {
    margin-bottom: 0.25rem;
  }
  .u-pb-1\@desktop {
    padding-bottom: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-ml-1\@desktop {
    margin-left: 0.25rem;
  }
  .u-pl-1\@desktop {
    padding-left: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-mr-1\@desktop {
    margin-right: 0.25rem;
  }
  .u-pr-1\@desktop {
    padding-right: 0.25rem;
  }
}
@media (min-width: 980px) {
  .u-gap-2\@desktop {
    gap: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-ma-2\@desktop {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
  }
  .u-pa-2\@desktop {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-mx-2\@desktop {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .u-px-2\@desktop {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-my-2\@desktop {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .u-py-2\@desktop {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-mt-2\@desktop {
    margin-top: 0.5rem;
  }
  .u-pt-2\@desktop {
    padding-top: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-mb-2\@desktop {
    margin-bottom: 0.5rem;
  }
  .u-pb-2\@desktop {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-ml-2\@desktop {
    margin-left: 0.5rem;
  }
  .u-pl-2\@desktop {
    padding-left: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-mr-2\@desktop {
    margin-right: 0.5rem;
  }
  .u-pr-2\@desktop {
    padding-right: 0.5rem;
  }
}
@media (min-width: 980px) {
  .u-gap-3\@desktop {
    gap: 1rem;
  }
}
@media (min-width: 980px) {
  .u-ma-3\@desktop {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
  .u-pa-3\@desktop {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 980px) {
  .u-mx-3\@desktop {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .u-px-3\@desktop {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 980px) {
  .u-my-3\@desktop {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .u-py-3\@desktop {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 980px) {
  .u-mt-3\@desktop {
    margin-top: 1rem;
  }
  .u-pt-3\@desktop {
    padding-top: 1rem;
  }
}
@media (min-width: 980px) {
  .u-mb-3\@desktop {
    margin-bottom: 1rem;
  }
  .u-pb-3\@desktop {
    padding-bottom: 1rem;
  }
}
@media (min-width: 980px) {
  .u-ml-3\@desktop {
    margin-left: 1rem;
  }
  .u-pl-3\@desktop {
    padding-left: 1rem;
  }
}
@media (min-width: 980px) {
  .u-mr-3\@desktop {
    margin-right: 1rem;
  }
  .u-pr-3\@desktop {
    padding-right: 1rem;
  }
}
@media (min-width: 980px) {
  .u-gap-4\@desktop {
    gap: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-ma-4\@desktop {
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
  }
  .u-pa-4\@desktop {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-mx-4\@desktop {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .u-px-4\@desktop {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-my-4\@desktop {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .u-py-4\@desktop {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-mt-4\@desktop {
    margin-top: 1.5rem;
  }
  .u-pt-4\@desktop {
    padding-top: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-mb-4\@desktop {
    margin-bottom: 1.5rem;
  }
  .u-pb-4\@desktop {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-ml-4\@desktop {
    margin-left: 1.5rem;
  }
  .u-pl-4\@desktop {
    padding-left: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-mr-4\@desktop {
    margin-right: 1.5rem;
  }
  .u-pr-4\@desktop {
    padding-right: 1.5rem;
  }
}
@media (min-width: 980px) {
  .u-gap-5\@desktop {
    gap: 3rem;
  }
}
@media (min-width: 980px) {
  .u-ma-5\@desktop {
    margin-top: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem;
    margin-left: 3rem;
  }
  .u-pa-5\@desktop {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 980px) {
  .u-mx-5\@desktop {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .u-px-5\@desktop {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 980px) {
  .u-my-5\@desktop {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .u-py-5\@desktop {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 980px) {
  .u-mt-5\@desktop {
    margin-top: 3rem;
  }
  .u-pt-5\@desktop {
    padding-top: 3rem;
  }
}
@media (min-width: 980px) {
  .u-mb-5\@desktop {
    margin-bottom: 3rem;
  }
  .u-pb-5\@desktop {
    padding-bottom: 3rem;
  }
}
@media (min-width: 980px) {
  .u-ml-5\@desktop {
    margin-left: 3rem;
  }
  .u-pl-5\@desktop {
    padding-left: 3rem;
  }
}
@media (min-width: 980px) {
  .u-mr-5\@desktop {
    margin-right: 3rem;
  }
  .u-pr-5\@desktop {
    padding-right: 3rem;
  }
}
@media (min-width: 980px) {
  .u-gap-6\@desktop {
    gap: 5rem;
  }
}
@media (min-width: 980px) {
  .u-ma-6\@desktop {
    margin-top: 5rem;
    margin-right: 5rem;
    margin-bottom: 5rem;
    margin-left: 5rem;
  }
  .u-pa-6\@desktop {
    padding-top: 5rem;
    padding-right: 5rem;
    padding-bottom: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 980px) {
  .u-mx-6\@desktop {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .u-px-6\@desktop {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 980px) {
  .u-my-6\@desktop {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .u-py-6\@desktop {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 980px) {
  .u-mt-6\@desktop {
    margin-top: 5rem;
  }
  .u-pt-6\@desktop {
    padding-top: 5rem;
  }
}
@media (min-width: 980px) {
  .u-mb-6\@desktop {
    margin-bottom: 5rem;
  }
  .u-pb-6\@desktop {
    padding-bottom: 5rem;
  }
}
@media (min-width: 980px) {
  .u-ml-6\@desktop {
    margin-left: 5rem;
  }
  .u-pl-6\@desktop {
    padding-left: 5rem;
  }
}
@media (min-width: 980px) {
  .u-mr-6\@desktop {
    margin-right: 5rem;
  }
  .u-pr-6\@desktop {
    padding-right: 5rem;
  }
}
@media (min-width: 980px) {
  .u-gap-7\@desktop {
    gap: 7rem;
  }
}
@media (min-width: 980px) {
  .u-ma-7\@desktop {
    margin-top: 7rem;
    margin-right: 7rem;
    margin-bottom: 7rem;
    margin-left: 7rem;
  }
  .u-pa-7\@desktop {
    padding-top: 7rem;
    padding-right: 7rem;
    padding-bottom: 7rem;
    padding-left: 7rem;
  }
}
@media (min-width: 980px) {
  .u-mx-7\@desktop {
    margin-right: 7rem;
    margin-left: 7rem;
  }
  .u-px-7\@desktop {
    padding-right: 7rem;
    padding-left: 7rem;
  }
}
@media (min-width: 980px) {
  .u-my-7\@desktop {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .u-py-7\@desktop {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 980px) {
  .u-mt-7\@desktop {
    margin-top: 7rem;
  }
  .u-pt-7\@desktop {
    padding-top: 7rem;
  }
}
@media (min-width: 980px) {
  .u-mb-7\@desktop {
    margin-bottom: 7rem;
  }
  .u-pb-7\@desktop {
    padding-bottom: 7rem;
  }
}
@media (min-width: 980px) {
  .u-ml-7\@desktop {
    margin-left: 7rem;
  }
  .u-pl-7\@desktop {
    padding-left: 7rem;
  }
}
@media (min-width: 980px) {
  .u-mr-7\@desktop {
    margin-right: 7rem;
  }
  .u-pr-7\@desktop {
    padding-right: 7rem;
  }
}
@media (min-width: 980px) {
  .u-gap-auto\@desktop {
    gap: auto;
  }
}
@media (min-width: 980px) {
  .u-ma-auto\@desktop {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
  }
  .u-pa-auto\@desktop {
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
  }
}
@media (min-width: 980px) {
  .u-mx-auto\@desktop {
    margin-right: auto;
    margin-left: auto;
  }
  .u-px-auto\@desktop {
    padding-right: auto;
    padding-left: auto;
  }
}
@media (min-width: 980px) {
  .u-my-auto\@desktop {
    margin-top: auto;
    margin-bottom: auto;
  }
  .u-py-auto\@desktop {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 980px) {
  .u-mt-auto\@desktop {
    margin-top: auto;
  }
  .u-pt-auto\@desktop {
    padding-top: auto;
  }
}
@media (min-width: 980px) {
  .u-mb-auto\@desktop {
    margin-bottom: auto;
  }
  .u-pb-auto\@desktop {
    padding-bottom: auto;
  }
}
@media (min-width: 980px) {
  .u-ml-auto\@desktop {
    margin-left: auto;
  }
  .u-pl-auto\@desktop {
    padding-left: auto;
  }
}
@media (min-width: 980px) {
  .u-mr-auto\@desktop {
    margin-right: auto;
  }
  .u-pr-auto\@desktop {
    padding-right: auto;
  }
}
.u-flex {
  display: flex;
}

.u-flex-gap-small {
  gap: 0.5rem;
}

.u-flex-gap {
  gap: 1rem;
}

.u-inline-flex {
  display: inline-flex;
}

.u-flex-column {
  flex-direction: column;
}

.u-align-center {
  align-items: center;
}

.u-align-right {
  align-items: flex-end;
}

.u-align-between {
  align-items: space-between;
}

.u-justify-center {
  justify-content: center;
}

.u-justify-between {
  justify-content: space-between;
}

.u-items-start {
  align-items: flex-start;
}

.u-flex-grow {
  flex-grow: 1;
}

.u-grid {
  display: grid;
}

.u-grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 20em) {
  .u-grid-cols-2\@mobile {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 46.25em) {
  .u-flex\@tablet {
    display: flex;
  }
  .u-flex-row\@tablet {
    flex-direction: row;
  }
  .u-grid-cols-2\@tablet {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 61.25em) {
  .u-flex\@desktop {
    display: flex;
  }
  .u-flex-row\@desktop {
    flex-direction: row;
  }
  .u-grid-cols-2\@desktop {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-cookie-banner {
  --c-cookie-banner-bg-color: white;
  --c-cookie-bannner-padding: 1rem;
  --c-cookie-bannner-content-max-width: 1200px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--c-cookie-banner-bg-color);
  padding: var(--c-cookie-bannner-padding);
  z-index: 1000;
}

.c-cookie-banner.is-visible {
  display: block;
}

.c-cookie-banner__inner {
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  width: min(100%, var(--c-cookie-bannner-content-max-width));
}

.c-cookie-banner p {
  margin: 0;
  width: 100%;
  flex: none;
  text-align: center;
}

@media screen and (min-width: 578px) {
  .c-cookie-banner p {
    flex: 1;
    text-align: left;
  }
}
.c-cookie-banner__decline {
  background: transparent !important;
  color: var(--color-text) !important;
  font-family: var(--font-family-base);
  font-size: 1rem;
  text-transform: initial;
  text-decoration: underline;
}

.c-cookie-banner button {
  flex: none;
  display: flex;
  align-items: center;
}

.c-cookie-banner__accept {
  display: inline-flex;
  gap: 0.2rem;
}

.c-cookie-banner__accept svg {
  width: 1rem;
  height: auto;
  margin-top: 2px; /* optically center the icon */
  fill: white;
}

:root {
  --color-gray-2: #D5C9BE;
  --color-gray-4: #807265;
  --color-gray-5: #434343;
  --color-primary-100: #C6753C;
  --color-primary-75: #D7965B;
  --color-primary-60: #E0A26A;
  --color-primary-50: #E6B98B;
  --color-primary-25: #EDCAAB;
  --color-primary-10: #E8D4C3;
  --color-primary-0: #EEE3DA;
  --color-secondary-50: #8DC9A6;
  --color-secondary-100: #35B4A1;
  --color-secondary-150: #006668;
  --color-secondary-200: #004D4F;
  --color-tertiary-25: #00A6BF;
  --color-tertiary-50: #0077A7;
  --color-tertiary-100: #006486;
  --color-tertiary-150: #034960;
  --color-red: #ED2829;
  --color-success: #28a745;
  --color-info: #17a2b8;
  --color-warning: #ffc107;
  --color-danger: var(--color-red);
  --color-text: #231F20;
  --color-text-light: #434343;
  --color-white-50: #f3F2F2;
  --color-white-25: #F5F4F4;
  --font-family-base: "Twemoji Country Flags", Poppins, sans-serif;
  --font-family-display: "Fonters", sans-serif;
  --font-family-accent: "Twemoji Country Flags", "Comiquita Sans", sans-serif;
  --font-size-base: 1rem;
  --font-size-xxs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: clamp(0.75rem, 0.278vw + 0.667rem, 0.875rem);
  --font-size-md: 1rem;
  --font-size-lg: clamp(1rem, 0.833vw + 0.625rem, 1.25rem);
  --font-size-xl: 1.375rem;
  --font-size-xxl: 1.625rem;
  --font-size-xxxl: clamp(1.25rem, 1.833vw + 0.625rem, 2.25rem);
  --fluid-14-18: clamp(0.875rem, 0.788rem + 0.4348vw, 1.125rem);
  --fluid-14-16: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
  --fluid-16-18: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
  --fluid-40-52: clamp(2.5rem, 2.2391rem + 1.3043vw, 3.25rem);
  --fluid-24-26: clamp(1.5rem, 1.4565rem + 0.2174vw, 1.625rem);
  --fluid-24-40: clamp(1.5rem, 1.1522rem + 1.7391vw, 2.5rem);
  --fluid-24-32: clamp(1.5rem, 1.1279rem + 1.8605vw, 2rem);
  --fluid-28-22:clamp(1.375rem, 1.2446rem + 0.6522vw, 1.75rem);
  --fluid-60-80: clamp(3.75rem, 3.3152rem + 2.1739vw, 5rem);
}

@font-face {
  font-family: "Comiquita Sans";
  src: url("../fonts/ComiquitaSans.woff2") format("woff2"), url("../fonts/ComiquitaSans.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fonters";
  src: url("../fonts/Fronters.woff2") format("woff2"), url("../fonts/Fronters.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins-v23-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/poppins-v23-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins-v23-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
#wpadminbar {
  position: fixed !important;
}