ux4g-sanity-content {
    display: flow-root;
    container-name: sanity-content;
    container-type: inline-size;
    margin-trim: block;

    @supports not (margin-trim: block) {
      > *:first-child {
        margin-block-start: 0;
      }

      > *:last-child {
        margin-block-end: 0;
      }
    }

    ux4g-responsive-image {
      display: contents;
    }

    > ux4g-responsive-image:is(
        :has([data-layout="left-aligned"]),
        :has([data-layout="right-aligned"])
      ) {
      display: flow-root;
    }

    zapier-interfaces-page-embed {
      display: flow-root;
      min-block-size: 54rem;
    }

    ux4g-video-card,
    .image {
      margin-inline: 0;
      margin-block: var(--mnml--spacing);
      text-align: center;
    }

    .video-embed__wrapper,
    > .image,
    > ux4g-responsive-image > :where(.image, a) {
      grid-column: 2;
    }

    .image img {
      display: flow-root;
      margin-inline: auto;
    }

    .image:has([data-layout="full-bleed"]) img {
      width: 100%;
    }

    @media (width >= 48rem) {
      .image:has([data-layout="left-aligned"], [data-layout="right-aligned"]) {
        margin-inline: 0;
        width: calc(50% - var(--mnml--spacing));
      }

      .image:has([data-layout="left-aligned"]) {
        float: inline-start;
        margin-inline-end: var(--mnml--spacing--double);
        margin-block: 0;
      }

      @supports not (float: inline-start) {
        .image:has([data-layout="left-aligned"]) {
          float: left;
        }
      }

      .image:has([data-layout="right-aligned"]) {
        float: inline-end;
        margin-inline-start: var(--mnml--spacing--double);
        margin-block: 0;
      }

      @supports not (float: inline-end) {
        .image:has([data-layout="right-aligned"]) {
          float: right;
        }
      }
    }

    .image-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
      grid-template-rows: masonry;
      grid-auto-rows: auto;
      align-items: center;
      justify-items: center;
      gap: 4rem 5rem;
      margin-block: var(--mnml--spacing);
    }

    @container sanity-content (width <= 12.5rem) {
      .image-grid {
        grid-template-columns: 1fr;
      }
    }

    .image-grid :where(.image, a) {
      display: block;
      margin: 0;
    }

    givebutter-widget {
      display: flow-root inline;
      margin-inline: auto;
      min-block-size: 37.5rem;
    }

    p:has(givebutter-widget) {
      text-align: center;
    }

    .quote {
      display: grid;
      column-gap: 1rem;
      align-items: start;
      grid-auto-flow: row;
      grid-auto-rows: max-content;
      margin-block-end: var(--mnml--spacing);

      @container sanity-content (width > 30rem) {
        grid-template-columns: 2rem 1fr;
      }

      .fa {
        height: 2rem;
        width: 2rem;
        display: block;
      }

      svg {
        color: var(--ux4g--yellow);
        inline-size: 2rem;
        block-size: 2rem;
      }
    }

    .quote__text,
    .quote__source,
    .quote__title {
      margin: 0;

      @container sanity-content (width > 30rem) {
        grid-column: 2;
      }
    }

    .quote__text {
    }

    .quote__text + :where(.quote__source, .quote__title) {
      margin-block-start: 1rem;
    }

    .quote__source {
      color: var(--ux4g--yellow);
      font-weight: 600;
      text-wrap: balance;
    }

    .quote__title {
      color: var(--ux4g--medium);
      text-wrap: balance;
    }
  }
ux4g-page-header {
    display: grid;
    row-gap: 1rem;
    column-gap: 1.5rem;
    padding-block: var(--block-padding-block);
    padding-inline: var(--block-padding-inline);
    transform-origin: top center;

    @supports (animation-timeline: view()) {
      animation-name: --ux4g-block-fade-in;
      animation-duration: var(--mnml--animation-duration);
      animation-timing-function: var(--mnml--timing-function--smooth);
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 20% cover 100%;
    }

    @container (width >= 48rem) {
      &:has(ux4g-sanity-content) {
        grid-template-columns: 2fr 1fr;

        .heroshot {
          grid-column: 1 / -1;
        }
      }
    }

    .heroshot {
      display: flow-root;
      margin: 0;
      margin-block-end: var(--ux4g--clamp--8-24);
      padding: 0;

      ux4g-responsive-image {
        display: flow-root;
        margin: 0;
        inline-size: 100%;
      }

      img {
        display: block;
        inline-size: 100%;
        border: 8pt solid var(--ux4g--yellow);
      }
    }

    h1 {
      margin-block-end: 0;
    }

    .lede {
      @container (width >= 48rem) {
        translate: 0 var(--ux4g--clamp--8-16); /* adjusts for font space */
      }
    }
  }
ux4g-responsive-image {
    --mnml--link--text-color: var(--ux4g--white);
    --mnml--link--text-color--visited: var(--ux4g--white);
    --mnml--link--text-decoration: none;

    display: flow-root inline;
    container-name: --ux4g-responsive-image;
    container-type: inline-size;

    picture,
    > a {
      display: block;
    }

    figcaption {
      margin-block-start: 0.5rem;
    }
  }

  ux4g-responsive-image:defined {
    position: relative;

    button {
      position: absolute;
      inset-inline-start: 50%;
      inset-block-start: 50%;
      translate: -50% -50%;
    }
  }

  ux4g-img {
    aspect-ratio: var(--aspect-ratio);
  }
ux4g-location {
    display: inline flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.16px;
    color: var(--ux4g--white);

    @supports not (display: inline flex) {
      display: inline-flex;
    }

    .fa {
      height: 1em;
    }

    .fa,
    svg {
      color: var(--mnml--theme--primary);
    }
  }
ux4g-previous-challenges {
    --grid-areas: "preview" "hed" "location" "lede" "actions";
    --grid-rows: [preview] max-content [hed] max-content [location] max-content [lede]
      max-content [actions] max-content;
    display: flow-root;
    container-name: --ux4g-previous-challenges;
    container-type: inline-size;

    &[variant~="with-scroll-effect"] {
      .previous-challenge {
        transform-origin: top center;

        @supports (animation-timeline: view()) {
          animation-name: --ux4g-block-fade-in;
          animation-duration: var(--mnml--animation-duration);
          animation-timing-function: var(--mnml--timing-function--smooth);
          animation-fill-mode: both;
          animation-timeline: view();
          animation-range: entry 20% cover 100%;
        }
      }
    }

    .previous-challenges__grid {
      display: grid;
      grid-auto-flow: row;
      grid-auto-rows: max-content;
      column-gap: 4rem;

      @container --ux4g-previous-challenges (width >= 48rem) {
        grid-template-columns: 1fr 1fr;
      }
    }

    .previous-challenge {
      display: grid;
      margin-block-end: auto;
      grid-row: span 5;
      grid-template-rows: subgrid;
      grid-column: span 1;
      padding-block-end: 4rem;
      position: relative;

      &:last-child {
        padding-block-end: 0;
      }

      &:nth-child(odd):has(+ .previous-challenge:last-child) {
        @container --ux4g-previous-challenges (width >= 48rem) {
          padding-block-end: 0;
        }
      }

      ux4g-responsive-image {
        display: block;
        margin-block-end: 2.5rem;

        picture {
          display: block;
        }

        img {
          inline-size: 100%;
        }
      }

      .hed {
        --mnml--link--text-color: var(--ux4g--white);
        --mnml--link--text-color--visited: var(--ux4g--white);
        --mnml--link--text-decoration: none;

        margin-block-end: 0.5rem;
      }

      ux4g-location {
      }

      .lede {
        margin-block-start: 2rem;
      }

      .actions {
        margin-block-start: var(--ux4g--clamp--24-40);
        margin-block-end: 0;

        a:first-child::before {
          content: "";
          display: block;
          inset: 0;
          position: absolute;
        }
      }
    }
  }
ux4g-block {
    display: flow-root;
    position: relative;
    content-visibility: auto;
    z-index: 1;
    transition-delay: var(--mnml--animation-duration);
    transition-duration: var(--mnml--animation-duration);
    transition-property: opacity, transform;
    transition-timing-function: var(--mnml--timing-function--smooth);
    padding-inline: var(--block-padding-inline);
    padding-block: var(--block-padding-block);
    container-name: --ux4g-block;
    container-type: inline-size;

    .block__label {
      text-align: start;

      @container --ux4g-block (width >= 43.125rem) {
        text-align: center;
      }

      &:last-child {
        margin-block-end: 0;
      }
    }
  }

  .container--grid ux4g-block {
    display: grid;
    padding-inline: 0;
    grid-template-columns: inherit;
    grid-column: 1 / -1;

    ux4g-sanity-content {
      display: grid;
      grid-template-columns: inherit;
      grid-column: 1 / -1;
    }

    > *,
    ux4g-sanity-content > * {
      grid-column: 2;
    }

    [data-layout="full-bleed"],
    ux4g-sanity-content,
    ux4g-responsive-image:has([data-layout="full-bleed"]) > :where(a, figure) {
      grid-column: 1 / -1;
    }

    ux4g-responsive-image:has([data-layout="full-bleed"]) figcaption {
      margin-inline: auto;
      padding-inline: var(--block-padding-inline);
      max-inline-size: var(--mnml--container--max-inline-size);
      margin-block-start: 0.5rem;
    }
  }

  ux4g-block:not([variant~="no-scroll-effect"]) {
    transform-origin: top center;

    @supports (animation-timeline: view()) {
      animation-name: --ux4g-block-fade-in;
      animation-duration: var(--mnml--animation-duration);
      animation-timing-function: var(--mnml--timing-function--smooth);
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 20% cover 100%;
    }
  }

  ux4g-block[data-observed]:defined {
    opacity: 0;

    &.visible {
      opacity: 1;
    }

    &.seen {
      transition-delay: 0s;
      transition-duration: 0s;
    }
  }

  ux4g-block[variant~="our-mission"] {
    .dek {
      max-inline-size: 54rem;
      margin-inline: auto;

      @container --ux4g-block (width >= 43.125rem) {
        text-align: center;
      }
    }
  }
ux4g-the-header {
    --mnml--link--text-color: var(--ux4g--white);
    --mnml--link--text-color--hover: var(--ux4g--white);
    --mnml--link--text-color--visited: var(--ux4g--white);
    --mnml--link--text-decoration: none;
    --mnml--link--text-decoration--hover: none;

    display: flow-root;
    position: relative;
    z-index: 20;
    padding-block: var(--mnml--spacing--double);
    container-name: --ux4g-the-header;
    container-type: inline-size;

    .site-brand {
      display: flow-root;

      img {
        display: block;
      }
    }

    .logo {
      aspect-ratio: 192 / 28;
      inline-size: 100%;
      block-size: auto;
      max-block-size: 5vh;
    }

    .logo__mark {
      color: var(--theme-secondary);
    }

    .container {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-auto-columns: auto;
      grid-auto-flow: column;
      align-items: center;
      gap: var(--mnml--spacing--double);
      padding-inline: var(--block-padding-inline);
    }

    .primary-nav {
      --active-link-border-color: var(--ux4g--yellow);

      font-family: var(--ux4g--font--alternate-gothic);
      line-height: normal;
    }

    .primary-nav__wrapper {
      position: relative;
      z-index: 2;
      margin-inline-start: auto;
      letter-spacing: 0.05rem;
      text-transform: uppercase;
    }

    .primary-nav__toggle {
      --mnml--button--padding-block: 0;
      --mnml--button--padding-inline: 0;
      --button--base: var(--ux4g--white);

      display: inline-flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: calc(var(--mnml--spacing) * 0.5);
      min-block-size: 0;
      font-weight: 400;
      font-size: 1rem;
      letter-spacing: 0;
      text-transform: none;
    }

    .primary-nav__toggle svg,
    .primary-nav__toggle .fa {
      width: auto;
      block-size: 3rem;
      inline-size: 2.625rem;
    }

    .primary-nav__toggle .fa {
      display: block;
    }

    .primary-nav > a:not(.button) {
      transition-property: color, border-color;
      border-block: 4pt solid hsl(0deg 0% 0% / 0%);
      padding-block: 0.5rem;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.44px;
      font-size: 1.375rem;
    }

    .primary-nav > a:not(.button):is([aria-current="page"], :hover, :active, :focus) {
      border-block-end-color: var(--active-link-border-color);
    }

    @container --ux4g-the-header (width < 64rem) {
      .primary-nav {
        --mnml--link--text-color: var(--ux4g--dark);
        --mnml--link--text-color--visited: var(--ux4g--dark);
        --mnml--link--text-color--hover: color-mix(
          in oklch,
          var(--ux4g--dark) 90%,
          white
        );
        --mnml--focus-ring--color: var(--ux4g--dark);
        --active-link-border-color: var(--ux4g--dark);

        display: flex;
        position: fixed;
        inset-block-start: 0;
        inset-inline-end: 0;
        flex-direction: column;
        flex-wrap: wrap;
        gap: var(--mnml--spacing);
        translate: 0 -200%;
        z-index: 1;
        box-shadow: 0 0.25rem 0.625rem #000;
        background-color: var(--mnml--theme--primary);
        padding-block: var(--mnml--spacing--double);
        padding-inline: var(--mnml--spacing--double);
        inline-size: 100vw;
        transition-duration: 0, var(--mnml--animation-duration),
          var(--mnml--animation-duration);
        transition-property: transform, scale, opacity;
        transition-delay: 0;
        transition-timing-function: var(--mnml--timing-function--smooth);
        opacity: 0;
        scale: 0.8;

        @media (width <= 32rem) {
          min-block-size: 100vh;
          min-block-size: 100dvh;
        }

        .button:last-child {
          --button--base: var(--ux4g--dark);
          --button--text-color: var(--ux4g--yellow);

          border-width: 2pt;
          margin-block-start: auto;
          inline-size: 100%;

          @container --ux4g-the-header (28rem < width < 64rem) {
            margin-block-start: var(--mnml--spacing);
          }
        }
      }

      .primary-nav__toggler[aria-expanded="true"] ~ .primary-nav {
        translate: 0 calc(-1 * var(--mnml--spacing--double));
        opacity: 1;
        scale: 1;
        transition-delay: 0, var(--mnml--animation-duration),
          var(--mnml--animation-duration);
      }

      .primary-nav .primary-nav__toggle {
        margin-inline-start: auto;
        color: white;
      }

      .primary-nav .primary-nav__close {
        color: var(--ux4g--dark);
      }

      .primary-nav > a {
        margin-inline-end: auto;
      }

      .primary-nav > .button.blue-medium.outline {
        --button-color: white;
        --button-border: white;
      }
    }

    @media (max-height: 31.25rem) {
      @container --ux4g-the-header (width < 64rem) {
        .primary-nav {
          row-gap: var(--mnml--spacing);
          padding-block: var(--mnml--spacing);
        }
      }
    }

    @container --ux4g-the-header (28rem < width < 64rem) {
      .primary-nav {
        min-inline-size: 20rem;
        inline-size: auto;
      }
    }

    @container --ux4g-the-header (width >= 64rem) {
      .primary-nav {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        align-items: center;
        gap: var(--mnml--spacing) calc(var(--mnml--spacing) * 2);
      }

      .primary-nav__toggle {
        display: none;
      }
    }

    .primary-nav .button {
      white-space: nowrap;
    }
  }

  @container --ux4g-the-header (width < 64rem) {
    .primary-nav__toggle[aria-expanded="true"] ~ .primary-nav,
    .primary-nav:has(:focus-visible) {
      translate: 0 calc(-1 * var(--mnml--spacing--double));
      opacity: 1;
      scale: 1;
    }
  }
ux4g-newsletter-widget {
    display: flow-root;
    container-name: --ux4g-newsletter-widget;
    container-type: inline-size;

    label {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0.8px;
      margin-block-end: 0.5rem;
    }

    form {
      @container --ux4g-newsletter-widget (width >= 31rem) {
        display: grid;
        column-gap: 0.75rem;
        row-gap: 1rem;
        align-items: start;
        justify-content: stretch;

        .form-group {
          margin: 0;
        }

        .form-actions {
          margin-block-start: 0.5rem;
          align-self: end;
        }
      }
    }

    .form-actions {
      margin-block-start: 1.75rem;
      margin-block-end: 0;

      button {
        @container (width <= 26.5625rem) {
          inline-size: 100%;
        }
      }
    }

    div[aria-hidden="true"] {
      position: absolute;
      inset-inline-start: -200vw;
    }
  }
ux4g-the-footer {
    display: flow-root;
  }

  ux4g-block[variant="get-involved"] {
    display: grid;
    row-gap: 1.5rem;
    column-gap: 3rem;
    position: relative;

    @container --mnml-container (width < 48rem) {
      .newsletter-signup__hed,
      .newsletter-signup__dek {
        text-align: center;
      }
    }

    @container --mnml-container (width >= 48rem) {
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: max-content;

      &::before {
        content: "";
        display: block;
        background-color: var(--ux4g--medium);
        inline-size: 1pt;
        inset-block: var(--block-padding-block);
        inset-inline-start: 50%;
        translate: -50% 0;
        z-index: -1;
        position: absolute;
      }
    }

    .newsletter-signup {
      margin-block-end: 1.5rem;

      @container --mnml-container (width >= 48rem) {
        grid-row: span 3;
        margin-block-end: 0;
      }
    }

    .newsletter-signup__hed {
    }

    .newsletter-signup__dek {
      margin-block-end: var(--ux4g--clamp--40-48);
    }

    .get-involved__cta {
      display: grid;
      row-gap: 0.5rem;
      margin-block-end: auto;

      > p {
        margin-block: 0;
      }
    }
  }

  .site-footer {
    display: grid;
    padding-block-start: 0;
    padding-block-end: var(--block-padding-block);
    gap: 2rem;
    color: var(--ux4g--light);
    padding-inline: var(--block-padding-inline);

    @container --mnml-container (width >= 64rem) {
      grid-auto-flow: column;
      align-items: center;
      row-gap: 0.75rem;

      &:has(.footer-links) {
        .logo,
        .socials {
          grid-row: span 2;
        }
      }
    }

    .logo {
      margin-inline: auto;
      display: block;
      min-inline-size: 152px;

      @container --mnml-container (width >= 64rem) {
        margin-inline: 0;
      }

      img {
        display: block;
      }
    }

    .disclaimers {
      text-wrap: balance;
    }

    .footer-links {
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
    }

    .socials {
      display: flex;
      align-items: center;
      justify-content: space-around;
      gap: 1rem;
      margin-inline: auto;

      @container --mnml-container (width >= 64rem) {
        margin-inline-end: 0;
      }

      a {
        display: flex;
        padding: 0.625rem;
        border: 1pt solid currentColor;
        color: inherit;

        &:where(:hover, :focus-visible, :active) {
          color: var(--mnml--theme--primary);
        }

        svg {
          inline-size: 2.25rem;
          block-size: 2.25rem;
          fill: currentColor;
        }
      }
    }
  }
ux4g-link-card {
    display: flow-root;
    font-size: 1rem;
    margin-inline: 0;
    margin-block: 1rem;

    a {
      display: grid;
      justify-content: start;
      align-items: start;
      gap: 0.5rem;
      border: 8pt solid var(--ux4g--medium-dark);
      background: var(--ux4g--medium-dark);
      color: var(--ux4g--light);
      text-decoration: none;
    }

    a:has(.card-favicon) {
      grid-template-columns: 2rem 1fr;
    }

    img {
      display: block;
      margin-block-end: 0.25rem;
      aspect-ratio: 1200 / 630;
      object-fit: scale-down;
    }

    .card-favicon {
      grid-row: span var(--rows, 3);
      margin: 0;
      border-radius: 0;
      aspect-ratio: 1;
      object-fit: scale-down;
    }

    &[data-rows="1"] .card-favicon {
      grid-row: span 1;
    }

    &[data-rows="2"] .card-favicon {
      grid-row: span 2;
    }

    &[data-rows="3"] .card-favicon {
      grid-row: span 3;
    }

    .title {
      font-weight: 700;
      font-size: 1.25rem;
    }

    .domain {
      opacity: 0.5;
    }
  }
ux4g-link-card + p + ux4g-link-card {
    margin-block-start: 3rem;
  }
ux4g-video-card {
    display: flow-root;
    container-name: --ux4g-video-card;
    container-type: inline-size;
  }

  ux4g-video-card .video-embed__wrapper {
    position: relative;
  }

  ux4g-video-card .video-embed__wrapper--loading {
    background: #f4f3f0 center no-repeat url("/public/img/loading.svg");
    background-size: 8rem;
    aspect-ratio: var(--aspect-ratio, 16 / 9);
  }

  ux4g-video-card .video-embed,
  ux4g-video-card .video-embed__button {
    display: block;
    position: relative;
    z-index: 1;
    inline-size: 100%;
    block-size: auto;
  }

  ux4g-video-card .video-embed__button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0;
    background-color: transparent;
    color: var(--ux4g--white);
    cursor: pointer;
  }

  ux4g-video-card .video-embed__button:is(:hover, :active, :focus) {
    color: white;
  }

  ux4g-video-card .video-embed__button :where(svg, .fa) {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
  }

  ux4g-video-card .video-embed__button__icon {
    color: var(--ux4g--yellow);
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    translate: -50% -50%;
    z-index: 1;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    box-shadow: 0 0 3.125rem color-mix(in oklch, var(--ux4g--dark) 75%, transparent);
    border-radius: 10cqb;
    background-color: color-mix(in oklch, var(--ux4g--dark) 75%, transparent);
    block-size: 10cqb;
    inline-size: 10cqb;
  }

  ux4g-video-card .video-embed__poster {
    display: block;
    aspect-ratio: var(--aspect-ratio, 16 / 9);
    object-fit: cover;
    inline-size: 100%;
    block-size: 100%;
  }

  ux4g-video-card .video-embed__poster__wrapper {
    position: relative;
    flex-grow: 1;
    inline-size: 100%;
    border: 8pt solid var(--ux4g--yellow);
  }

  ux4g-video-card .video-embed {
    border: 0;
    aspect-ratio: var(--aspect-ratio, 16 / 9);
  }

  .video-embed__title {
    display: flow-root;
    inset-inline: 8pt;
    inset-block-end: 8pt;
    background-color: color-mix(in oklch, var(--ux4g--dark) 75%, transparent);
    text-align: start;
    flex-grow: 1;
    inline-size: 100%;
    padding-block-start: 0.5rem;

    @container --ux4g-video-card (width >= 40rem) {
      padding: 1rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: absolute;
      z-index: 2;
      inline-size: auto;
    }
  }

  .video-embed__dialog {
    border: 0;
    background: transparent;
    padding: 0;
    inline-size: 98vw;
    block-size: 98vh;
  }

  .video-embed__dialog[open] {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .video-embed__dialog::backdrop {
    backdrop-filter: blur(0.5rem);
    background: hsl(0deg 0% 0% / 0.5);
  }
ux4g-video-modal {
    display: flow-root;

    dialog {
      --block-size: 98vb;

      border: 0;
      background: transparent;
      padding: 0;
      inline-size: 98vw;
      block-size: var(--block-size);
      gap: 1rem;
      overflow-y: hidden;

      @supports (block-size: 98dvb) {
        block-size: 98dvb;
      }
    }

    dialog[open] {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 3.125rem 1fr 3.125rem; /* the extra row centers the iframe relative to the close button */
      place-items: center;
    }

    dialog::backdrop {
      backdrop-filter: blur(0.5rem);
      background: hsl(0deg 0% 0% / 0.5);
    }

    .close {
      align-self: start;
      justify-self: end;
      font-size: 3rem;
      padding: 0;
    }

    iframe,
    .player-target:has(iframe) {
      max-block-size: 100%;
      max-inline-size: 100%;
      margin: auto;
      aspect-ratio: var(--aspect-ratio, 16 / 9);
    }

    .player-target:not(iframe):empty {
      display: none;
    }
  }
ux4g-team-grid {
    display: flow-root;

    .team-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, 10rem);
      gap: 1.5rem;
      margin-inline: 0;
      margin-block: 1.5rem;
      padding: 0;
      max-width: 100%;
      list-style: none;

      li {
        transform-origin: top center;

        @supports (animation-timeline: view()) {
          animation-name: --ux4g-block-fade-in;
          animation-duration: var(--mnml--animation-duration);
          animation-timing-function: var(--mnml--timing-function--smooth);
          animation-fill-mode: both;
          animation-timeline: view();
          animation-range: entry 20% cover 100%;
        }
      }
    }

    .team-member-card {
      background: var(--ux4g--white);
      padding: 1rem;
    }

    .team-member-card img,
    .team-member-card svg,
    .team-member-card .fa {
      display: block;
      translate: -1rem -1rem;
      width: auto;
      height: 2.75rem;
    }

    .team-member-card p {
      margin-block-end: 0.25rem;
      font-size: 1rem;
    }

    .team-member-card > :first-child {
      margin-block-start: 0;
    }

    .team-member-card > :last-child {
      margin-block-end: 0;
    }

    .name {
      font-weight: bolder;
    }
  }
@keyframes --ux4g-metric-entrance {
    0% {
      opacity: 0;
      scale: 0.8;
    }

    50% {
      opacity: 1;
      scale: 1;
    }

    100% {
      opacity: 1;
      scale: 1;
    }
  }

  ux4g-metric {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    line-height: 1;
    transform-origin: center center;

    @supports (animation-timeline: view()) {
      animation-name: --ux4g-metric-entrance;
      animation-duration: var(--mnml--animation-duration);
      animation-timing-function: var(--mnml--timing-function--smooth);
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 20% cover 100%;
    }
  }

  ux4g-metric:has(.icon) {
    grid-template-columns: 1.5rem 1fr auto;
  }

  ux4g-metric .label {
    font-size: var(--ux4g--clamp--16-32);
  }

  ux4g-metric .value {
    font-variant: tabular-nums;
    font-size: var(--ux4g--clamp--16-64);
  }

  ux4g-metric + ux4g-metric {
    margin-block-start: 0.5rem;
  }

  ux4g-metric:not(:has(ux4g-metric +)) {
    margin-block-start: var(--mnml--spacing);
  }

  ux4g-metric:not(:has(+ ux4g-metric)) {
    margin-block-end: var(--mnml--spacing);
  }

  ux4g-metric .icon {
    color: var(--ux4g--theme--primary);
  }
/*
 * 🎨 mnml.css 7.0.0-0
 *                     Support Matrix                     
 * | Browser               | Supported Versions          |
 * | --------------------- | --------------------------- |
 * | Android Browser       | 123                         |
 * | Chrome                | 109; 119-123                |
 * | Chrome (Android)      | 123                         |
 * | Edge                  | 121-123                     |
 * | Firefox               | 102; 122-124                |
 * | Firefox (Android)     | 124                         |
 * | KaiOS Browser         | 2.5; 3.0-3.1                |
 * | Opera                 | 106-108                     |
 * | Opera Mobile          | 80                          |
 * | QQ Browser (Android)  | 14.9                        |
 * | Safari (iOS & iPadOS) | 15.6; 15.8; 16.1; 16.6-17.4 |
 * | Safari (macOS)        | 17.2-17.4                   |
 * | Samsung Internet      | 22-23                       |
 * | UC Browser (Android)  | 15.5                        |
 */

/*
 * Inspirations
 * https://www.sarasoueidan.com/blog/focus-indicators/
 * https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/
 */

@layer mnml, mnml.reset, mnml.theme, mnml.baseline, mnml.layout, mnml.animation, mnml.forms, mnml.buttons, mnml.a11y, mnml.utils;@layer mnml{@layer reset{:where(:not(iframe,canvas,img,svg,video,dialog,[popover]):not(svg *):not(symbol *)){all:unset;appearance:revert;cursor:revert;display:revert;list-style-type:revert;outline:revert;resize:revert}}@layer theme{:where(:root,:host){--mnml--theme--primary:#f04d00;--mnml--theme--primary--contrasting:white;--mnml--theme--primary--hover:#ff6b24;--mnml--theme--primary--hover--contrasting:white;--mnml--theme--secondary:#84003a;--mnml--theme--secondary--contrasting:white;--mnml--theme--secondary--hover:#b80051;--mnml--theme--secondary--hover--contrasting:white}@media (color-gamut:p3),(color-gamut:rec2020) @supports (color:color(display-p3 0 0 0)),where(:root,:host){--mnml--theme--primary:color(display-p3 0.90119 0.29731 0.02634);--mnml--theme--primary--hover:color(display-p3 0.90119 0.29731 0.02634);--mnml--theme--secondary:oklch(39.42% 0.178 5.16);--mnml--theme--secondary--hover:oklch(50.23% 0.201 6.5)}}@layer baseline{:where(:root,:host){--mnml--focus-ring--color:hsl(208.4deg 76.9% 47.5%);--mnml--focus-ring--offset:0.125rem;--mnml--body--background-color:var(--mnml--body--background-color--light);--mnml--body--text-color:var(--mnml--body--text-color--light);--mnml--headers--font-weight:bolder;--mnml--headers--font-family:var(--mnml--font--sans);--mnml--headers--text-color:inherit;--mnml--link--text-color--light:hsl(208deg 80% 52%);--mnml--link--text-color--dark:hsl(207deg 91% 64%);--mnml--link--text-color--visited--light:hsl(255deg 53% 50%);--mnml--link--text-color--visited--dark:hsl(256deg 100% 87%);-mnml--link--text-color--hover--light:hsl(208deg 80% 52%);--mnml--link--text-color--hover--dark:hsl(206deg 100% 82%);--mnml--link--text-color:var(--mnml--link--text-color--light);--mnml--link--text-color--hover:var(--mnml--link--text-color--hover--light);--mnml--link--text-color--visited:var(--mnml--link--text-color--visited--light  );--mnml--link--text-decoration:underline;--mnml--link--text-decoration--hover:underline;--mnml--selection--background-color:hsl(47deg 100% 62%);--mnml--selection--text-color:hsl(210deg 11% 15%);--mnml--font--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;--mnml--font--serif:ui-serif,Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif;--mnml--font--monospace:ui-monospace,Menlo,Consolas,Monaco;color-scheme:light dark}:where(:root,:host)[data-theme~=light]{color-scheme:light}:where(:root,:host)[data-theme~=dark]{color-scheme:dark}@media (prefers-color-scheme:dark){:where(:root,:host):not([data-theme~=light]){--mnml--body--background-color:var(--mnml--body--background-color--dark);--mnml--body--text-color:var(--mnml--body--text-color--dark);--mnml--link--text-color:var(--mnml--link--text-color--dark);--mnml--link--text-color--hover:var(--mnml--link--text-color--hover--dark);--mnml--link--text-color--visited:var(--mnml--link--text-color--visited--dark    )}}*,:after,:before{box-sizing:border-box}:where(:focus-visible){outline:2px solid var(--mnml--focus-ring--color);outline-offset:var(--mnml--focus-ring--offset)}ol[class],ul[class]{list-style:none}::selection{background-color:var(--mnml--selection--background-color);color:var(--mnml--selection--text-color)}html{text-size-adjust:none;line-height:1.15}body{background-color:var(--mnml--body--background-color);color:var(--mnml--body--text-color);font-family:var(--mnml--body--font-family,var(--mnml--font--sans))}:where(a){text-decoration:var(--mnml--link--text-decoration);transition-duration:var(--transition-duration);transition-property:color;transition-timing-function:ease-out;will-change:color}:where(a):where(:link){color:var(--mnml--link--text-color)}:where(a):where(:visited){color:var(--mnml--link--text-color--visited)}:where(a):where(:focus-visible){color:var(--mnml--link--text-color--hover);text-decoration:var(--mnml--link--text-decoration--hover)}@media (pointer:fine) and (hover:hover){:where(a):where(:hover,:active){color:var(--mnml--link--text-color--hover);text-decoration:var(--mnml--link--text-decoration--hover)}}:where(a) *{color:inherit}:where(hr){border-top:1px solid;margin-block:1rem}h1,h2,h3,h4,h5,h6{color:var(--mnml--headers--text-color);font-family:var(--mnml--headers--font-family);font-weight:var(--mnml--headers--weight)}h1,h2,h3,h4,h5,h6,p{margin-block-end:var(--mnml--spacing);margin-block-start:0;margin-inline:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.8125rem}h6{font-size:.625rem}blockquote,h1,h2,h3,h4,h5,h6,li,p{line-height:calc(1em + .5rem);overflow-wrap:break-word}ol:not([class]),ul:not([class]){margin-block-end:var(--mnml--spacing);margin-inline-start:var(--list-inline-spacing,1.25rem)}ol:not([class]) li+li,ul:not([class]) li+li{margin-block-start:var(--mnml--spacing)}ol[role=list],ul[role=list]{list-style:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}em,i{font-style:italic}u{text-decoration:underline}code,kbd,pre,samp{font-family:var(--mnml--font--monospace);font-size:1rem;white-space:revert}small{font-size:.8em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}:where(button,input,optgroup,select,textarea){font-family:inherit;font-size:1em;line-height:1.15}:where(button){cursor:pointer}body{margin:0;min-block-size:100vh;min-block-size:100dvh}img{block-size:auto;border-style:none;max-inline-size:100%}table{border-collapse:collapse}textarea{white-space:revert}hr{block-size:0;box-sizing:content-box;overflow:visible}details{display:block;margin-inline-start:1rem}summary{display:list-item}[hidden],template{display:none}}@layer layout{:where(:root,:host){--mnml--spacing:1rem;--mnml--spacing--double:calc(var(--mnml--spacing)*2);--mnml--spacing--half:calc(var(--mnml--spacing)/2);--mnml--container--padding-inline:var(--mnml--spacing);--mnml--container--max-inline-size:75rem;--mnml--grid--column-gap:var(--mnml--spacing);--mnml--grid--row-gap:var(--mnml--spacing);--mnml--grid--column--min-inline-size:12.5rem;--mnml--grid--row--block-size:auto}.container{container-name:--mnml-container;container-type:inline-size;margin-inline:auto;max-inline-size:var(--mnml--container--max-inline-size);padding-inline:var(--mnml--container--padding-inline)}.container--grid{display:grid;grid-template-columns:1fr calc(min(var(--mnml--container--max-inline-size), 100%) - var(--mnml--container--padding-inline)*2) 1fr}.container--grid>*{grid-column:2}.container--grid .full-bleed{grid-column:1/-1}:where(.site-header,.site-main,.site-footer),body>:where(header,main,footer,section){padding-block:var(--mnml--spacing)}.site-header,body>header{align-items:center}.sticky:is(body>header,.site-header){inset-block-start:0;position:sticky;z-index:10}.site-footer,body>footer{text-align:center}.sticky:is(body>footer,.site-footer){inset-block-start:100%;position:sticky;z-index:10}.grid,.grid--vertical{column-gap:var(--mnml--grid--column-gap);display:grid;row-gap:var(--mnml--grid--row-gap)}.grid{grid-template-columns:repeat(auto-fit,minmax(var(--mnml--grid--column--min-inline-size),1fr))}.grid--vertical{grid-auto-flow:row;grid-auto-rows:var(--mnml--grid--row--block-size);grid-template-columns:unset}}@layer animation{:where(:root,:host){--mnml--animation-duration--allowed:200ms;--mnml--animation-duration--allowed--slow:400ms;--mnml--animation-duration--allowed--fast:100ms;--mnml--animation-duration--disallowed:0ms;--mnml--animation-duration:var(--mnml--animation-duration--disallowed);--mnml--animation-duration--slow:var(--mnml--animation-duration--disallowed);--mnml--animation-duration--fast:var(--mnml--animation-duration--disallowed);--mnml--timing-function--sudden-end:cubic-bezier(0.9,0.03,0.69,0.22);--mnml--timing-function--sudden-start:cubic-bezier(0.17,0.84,0.44,1);--mnml--timing-function--smooth:cubic-bezier(0.62,0.16,0.13,1.01);--mnml--timing-function--inertia:cubic-bezier(0.5,-0.53,0.14,1.23)}@media (prefers-reduced-motion:no-preference){:where(:root,:host){--mnml--animation-duration:var(--mnml--animation-duration--allowed);--mnml--animation-duration--slow:var(--mnml--animation-duration--allowed--slow    );--mnml--animation-duration--fast:var(--mnml--animation-duration--allowed--fast    )}}@media not (update:fast){:where(:root,:host){--mnml--animation-duration:var(--mnml--animation-duration--disallowed);--mnml--animation-duration--slow:var(--mnml--animation-duration--disallowed    );--mnml--animation-duration--fast:var(--mnml--animation-duration--disallowed    )}}}@layer forms{:where(:root,:host){--mnml--input--min-block-size:3.5rem;--mnml--input--background-color--light:hsl(0deg 0% 100%);--mnml--input--background-color--dark:hsl(210deg 8.8% 31.4%);--mnml--input--background-color:var(--mnml--input--background-color--light);--mnml--input--background-color--disabled--light:hsl(210deg 16% 93%);--mnml--input--background-color--disabled--dark:hsl(210deg 10.3% 22.7%);--mnml--input--background-color--disabled:var(--mnml--input--background-color--disabled--light  );--mnml--input--background-color--focus--light:hsl(0deg 0% 100%);--mnml--input--background-color--focus--dark:hsl(210deg 14% 89%);--mnml--input--background-color--focus:var(--mnml--input--background-color--focus--light  );--mnml--input--border-color--light:hsl(210deg 17% 95%);--mnml--input--border-color--dark:hsl(210deg 10.3% 22.7%);--mnml--input--border-color:var(--mnml--input--border-color--light);--mnml--input--border-color--disabled--light:hsl(210deg 16% 93%);--mnml--input--border-color--disabled--dark:hsl(210deg 10.3% 22.7%);--mnml--input--border-color--disabled:var(--mnml--input--border-color--disabled--light  );--mnml--input--border-color--focus--light:hsl(210deg 14% 89%);--mnml--input--border-color--focus--dark:hsl(210deg 8.8% 31.4%);--mnml--input--border-color--focus:var(--mnml--input--border-color--focus--light  );--mnml--input--border-style:solid;--mnml--input--border-width:1pt;--mnml--input--padding-block:1rem;--mnml--input--padding-inline:1rem;--mnml--input--border-radius:0.25rem;--mnml--input--text-color--light:hsl(0deg 0% 0%);--mnml--input--text-color--dark:hsl(0deg 0% 100%);--mnml--input--text-color:var(--mnml--input--text-color--light);--mnml--input--text-color--focus--light:hsl(0deg 0% 0%);--mnml--input--text-color--focus--dark:hsl(0deg 0% 100%);--mnml--input--text-color--focus:var(--mnml--input--text-color--focus--light  );--mnml--input--text-color--disabled--light:hsl(0deg 0% 0%);--mnml--input--text-color--disabled--dark:hsl(210deg 14% 83.1%);--mnml--input--text-color--disabled:var(--mnml--input--text-color--disabled--light  );--mnml--input--font-size:1rem;--mnml--input--file--button--background-color:var(--mnml--theme--primary);--mnml--input--file--button--text-color:var(--mnml--theme--primary--contrasting  );--mnml--input--file--button--background-color--hover:var(--mnml--theme--primary--hover  );--mnml--input--focus-ring--color:var(--mnml--focus-ring--color);--mnml--input--focus-ring--width:0.125rem;--mnml--input--placeholder--text-color--light:hsl(210deg 7% 56%);--mnml--input--placeholder--text-color--dark:hsl(210deg 16.7% 95.3%);--mnml--input--placeholder--text-color:var(--mnml--input--placeholder--text-color--light  );--mnml--input--help-text--opacity:0.8;--mnml--input--required--text-color--light:hsl(0deg 65% 48%);--mnml--input--required--text-color--dark:hsl(0deg 100% 76.5%);--mnml--input--required--text-color:var(--mnml--input--required--text-color--light  );--mnml--select--arrow--light:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="hsl(210deg 10.3% 22.7%)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5l6 6 6-6"/%3e%3c/svg%3e');--mnml--select--arrow--dark:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="hsl(0deg 0% 100%)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5l6 6 6-6"/%3e%3c/svg%3e');--mnml--select--arrow:var(--mnml--select--arrow--light)}@media (prefers-color-scheme:dark){:where(:root,:host):not([data-theme~=light]){--mnml--input--background-color:var(--mnml--input--background-color--dark);--mnml--input--background-color--disabled:var(--mnml--input--background-color--disabled--dark    );--mnml--input--background-color--focus:var(--mnml--input--background-color--focus--dark    );--mnml--input--border-color:var(--mnml--input--border-color--dark);--mnml--input--border-color--disabled:var(--mnml--input--border-color--disabled--dark    );--mnml--input--border-color--focus:var(--mnml--input--border-color--focus--dark    );--mnml--input--text-color:var(--mnml--input--text-color--dark);--mnml--input--text-color--focus:var(--mnml--input--text-color--focus--dark    );--mnml--input--text-color--disabled:var(--mnml--input--text-color--disabled--dark    );--mnml--input--placeholder--text-color:var(--mnml--input--placeholder--text-color--dark    );--mnml--input--required--text-color:var(--mnml--input--required--text-color--dark    );--mnml--select--arrow:var(--mnml--select--arrow--dark)}}form{fieldset{legend{font-weight:bolder;margin-block-end:var(--mnml--spacing)}}fieldset+fieldset{margin-block-start:calc(var(--mnml--spacing)*2)}label{display:block;margin-block-end:.25rem}label.toggle-label{display:grid;gap:calc(var(--mnml--spacing)*.75);grid-template-columns:1em auto}}form .help{display:block;font-style:italic;margin-block-start:.25rem;opacity:var(--mnml--input--help-text--opacity)}form{abbr[title~=required i]{color:var(--required-color);text-decoration:none}}form :where(input[type]:not([type=radio]):not([type=checkbox]),textarea,select){appearance:auto;background-clip:padding-box;background-color:var(--mnml--input--background-color);border:var(--mnml--input--border-width) var(--mnml--input--border-style) var(--mnml--input--border-color);border-radius:var(--mnml--input--border-radius);color:var(--mnml--input--text-color);display:block;font-size:var(--mnml--input--font-size);inline-size:100%;min-block-size:var(--mnml--input--min-block-size);padding-block:var(--mnml--input--padding-block);padding-inline:var(--mnml--input--padding-inline);transition-duration:var(--mnml--animation-duration);transition-property:box-shadow,background-color,border-color;transition-timing-function:var(--mnml--timing-function--smooth);will-change:box-shadow,background-color,border-color}form :where(input[type]:not([type=radio]):not([type=checkbox]),textarea,select):where(:focus-visible){background-color:var(--mnml--input--background-color--focus);border-color:var(--mnml--input--border-color--focus);color:var(--mnml--input--text-color--focus);outline-color:var(--mnml--input--focus-ring--color);outline-offset:var(--mnml--input--focus-ring--offset,var(--mnml--input--focus-ring--width));outline-width:var(--mnml--input--focus-ring--width)}form :where(input[type]:not([type=radio]):not([type=checkbox]),textarea,select):where([disabled],[readonly]){background-color:var(--mnml--input--background-color--disabled);border-color:var(--mnml--input--border-color--disabled);color:var(--mnml--input--text-color--disabled);opacity:.8}form :where(input[type]:not([type=radio]):not([type=checkbox]),textarea,select):where([disabled]){cursor:not-allowed}form :where(input[type]:not([type=radio]):not([type=checkbox]),textarea,select)::placeholder{color:var(--mnml--input--placeholder--text-color)}form :where(input[type=radio],input[type=checkbox]){accent-color:var(--mnml--theme--primary,currentColor);appearance:auto}form{input[type=number].no-arrows{-moz-appearance:textfield}input.no-arrows[type=number]::-webkit-inner-spin-button,input.no-arrows[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=file]{overflow:hidden}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{align-items:center;background-color:var(--mnml--input--file--button--background-color);border:2px solid transparent;color:var(--mnml--input--file--button--text-color);display:inline-flex;filter:brightness(1);font-weight:400;justify-content:center;margin-block:-1rem;margin-inline-end:var(--mnml--spacing);margin-inline-start:-1rem;min-block-size:100%;padding:1rem;text-align:center;transition-duration:var(--mnml--animation-duration);transition-property:background-color}input[type=file]:not(:disabled):not([readonly])::-webkit-file-upload-button,input[type=file]:not(:disabled):not([readonly])::file-selector-button{cursor:pointer}input[type=file]:where(:hover,:focus-visible)::-webkit-file-upload-button,input[type=file]:where(:hover,:focus-visible)::file-selector-button{background-color:var(--mnml--input--file--button--background-color--hover        );color:var(--mnml--input--file--button--text-color--hover)}select{word-wrap:normal;-webkit-appearance:none;appearance:none;padding-block:var(--mnml--input--padding-block);padding-inline:var(--mnml--input--padding-inline)}select:where(:not([multiple])){background-image:var(--mnml--select--arrow);background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-inline-end:calc(1.75rem + var(--mnml--input--padding-inline))}select:where([multiple]){overflow-x:hidden;overflow-y:scroll;option{align-items:center;display:flex;margin:.25rem -.5rem;min-block-size:1.5em;padding:0 .5rem}}}:where(:root,:host)[dir=rtl]{form{select{background-position:left .75rem center}}}}@layer buttons{:where(:root,:host){--mnml--button--background-color:hsl(0deg 0% 67%);--mnml--button--background-color--hover:hsl(0deg 0% 75%);--mnml--button--text-color:hsl(0deg 0% 0%);--mnml--button--text-color--hover:hsl(0deg 0% 0%);--mnml--button--border-color:transparent;--mnml--button--border-color--hover:transparent;--mnml--button--border-width:1pt;--mnml--button--border-style:solid;--mnml--button--border-radius:0.25rem;--mnml--button--font-family:var(--mnml--font--sans);--mnml--button--font-size:1rem;--mnml--button--line-height:1.4;--mnml--button--text-transform:none;--mnml--button--padding-block:0.5rem;--mnml--button--padding-inline:1rem;--mnml--button--min-block-size:3.5rem;--mnml--button--display:inline-flex;--mnml--button--column-gap:0;--mnml--button--row-gap:0;--mnml--button--disabled--background-color:hsl(0deg 0% 80%);--mnml--button--disabled--text-color:hsl(0deg 0% 50%);--mnml--button--disabled--border-color:transparent}:where(button,.button){--button--base:var(--mnml--button--background-color);--button--base--hover:var(--mnml--button--background-color--hover);--button--text-color:var(--mnml--button--text-color);--button--text-color--hover:var(--mnml--button--text-color--hover);--button--border-width:var(--mnml--button--border-width);--button--border-style:var(--mnml--button--border-style);--button--border-radius:var(--mnml--button--border-radius);--button--display:var(--mnml--button--display);--button--font-family:var(--mnml--button--font-family);--button--font-size:var(--mnml--button--font-size);--button--font-weight:var(--mnml--button--font-weight);--button--text-transform:var(--mnml--button--text-transform);--button--column-gap:var(--mnml--button--column-gap);--button--row-gap:var(--mnml--button--row-gap);--button--min-block-size:var(--mnml--button--min-block-size);--button--line-height:var(--mnml--button--line-height);--button--padding-block:var(--mnml--button--padding-block);--button--padding-inline:var(--mnml--button--padding-inline);align-items:center;background-color:var(--button--base);border:var(--button--border-width) var(--button--border-style) var(--button--base);border-radius:var(--button--border-radius);color:var(--button--text-color);column-gap:var(--button--column-gap);display:var(--button--display);font-family:var(--button--font-family);font-size:var(--button--font-size,1rem);font-weight:var(--button--font-weight,bold);justify-content:center;line-height:var(--button--line-height);min-block-size:var(--button--min-block-size);padding-block:var(--button--padding-block);padding-inline:var(--button--padding-inline);row-gap:var(--button--row-gap);text-align:center;text-decoration:none;text-transform:var(--button--text-transform);transition-duration:var(--mnml--animation-duration);transition-property:color,background-color,border-color}:where(button,.button):where(:focus-visible){background-color:var(--button--base--hover);border-color:var(--button--base--hover);color:var(--button--text-color--hover)}@media (pointer:fine) and (hover:hover){:where(button,.button):where(:hover,:active){background-color:var(--button--base--hover);border-color:var(--button--base--hover);color:var(--button--text-color--hover)}}:where(button,.button):where(:link){color:var(--button--text-color)}:where(button,.button):where(.primary,[data-color=primary]){--button--base:var(--mnml--theme--primary);--button--base--hover:var(--mnml--theme--primary--hover);--button--text-color:var(--mnml--theme--primary--contrasting);--button--text-color--hover:var(--mnml--theme--primary--hover--contrasting    )}:where(button,.button):where(.secondary,[data-color=secondary]){--button--base:var(--mnml--theme--secondary);--button--base--hover:var(--mnml--theme--secondary--hover);--button--text-color:var(--mnml--theme--secondary--contrasting);--button--text-color--hover:var(--mnml--theme--secondary--hover--contrasting    )}:where(button,.button):where(.white,[data-color=white]){--button--base:hsl(0deg 0% 100%);--button--base--hover:hsl(0deg 0% 90.2%);--button--text-color:hsl(210deg 10.3% 22.7%);--button--text-color--hover:hsl(210deg 10.3% 22.7%)}:where(button,.button):where(.black,[data-color=black]){--button--base:hsl(0deg 0% 0%);--button--base--hover:hsl(210deg 10.3% 22.7%);--button--text-color:hsl(0deg 0% 100%);--button--text-color--hover:hsl(0deg 0% 100%)}:where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]){--_hover-mixin-color:white;--button--base:var(--mnml--body--background-color--dark);--button--base--hover:color-mix(in oklab,var(--button--base),var(--_hover-mixin-color) 10%);--button--text-color:var(--mnml--body--text-color--dark);--button--text-color--hover:var(--mnml--body--text-color--dark)}:where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]):where(.no-bg,[data-variant~=no-bg]){--button--text-color:var(--button--base);--button--text-color--hover:var(--button--base--hover)}@media (prefers-color-scheme:dark){:where(:root,:host):not([data-theme~=light]) :where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]){--_hover-mixin-color:black;--button--base:var(--mnml--body--background-color--light)}:where(:root,:host):not([data-theme~=light]) :where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]):not(:where(.outline,[data-variant~=outline])){--button--text-color:var(--mnml--body--text-color--light);--button--text-color--hover:var(--mnml--body--text-color--light)}:where(:root,:host):not([data-theme~=light]) :where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]):where(.outline,[data-variant~=outline]):where(:focus-visible){--button--text-color:var(--mnml--body--text-color--light);--button--text-color--hover:var(--mnml--body--text-color--light)}}@media (prefers-color-scheme:dark) and (pointer:fine) and (hover:hover){:where(:root,:host):not([data-theme~=light]) :where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]):where(.outline,[data-variant~=outline]):where(:hover,:active){--button-color:var(--button--base--hover)}}@media (prefers-color-scheme:dark){:where(:root,:host):not([data-theme~=light]) :where(button,.button):where(.theme-contrasting,[data-color=theme-contrasting]):where(.no-bg,[data-variant~=no-bg]){--button--text-color:var(--button--base);--button--text-color--hover:var(--button--base--hover)}}:where(button,.button):where(.outline,[data-variant~=outline]):where(:not(:hover,:active,:focus-visible)){background-color:transparent;border-color:var(--button--base);color:var(--button--base)}:where(button,.button):where(.no-bg,[data-variant~=no-bg]){--button--text-color:var(--button--base);--button--text-color--hover:var(--button--base--hover);background-color:transparent;border-color:transparent}:where(button,.button):where(.inline,[data-variant~=inline]){background-color:none;border-radius:0;border-width:0;color:var(--mnml--link--text-color);display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;min-block-size:0;padding:0;text-align:inherit;vertical-align:baseline}:where(button,.button):where(.inline,[data-variant~=inline]):where(:focus-visible){color:var(--mnml--link--text-color--hover)}@media (pointer:fine) and (hover:hover){:where(button,.button):where(.inline,[data-variant~=inline]):where(:hover,:active){color:var(--mnml--link--text-color--hover)}}:where(button,.button):where(.rounded,[data-variant~=rounded]){--button--border-radius:5rem}:where(button,.button):is(:disabled,[disabled]){--button--base:var(--mnml--button--disabled--background-color);--button--text-color:var(--mnml--button--disabled--text-color);--button--border-color:var(--mnml--button--disabled--border-color);cursor:not-allowed;pointer-events:none}:where(button,.button):is(:disabled,[disabled]):where(.outline,[data-variant~=outline]){background-color:color-mix(in oklch,var(--button--base),transparent 90%);color:var(--mnml--button--disabled--text-color)}:where(button,.button){svg{block-size:1em;inline-size:1em}}form :where(button,.button){min-block-size:var(--mnml--input--min-block-size)}}@layer a11y{:where(:root,:host){--mnml--skip-link--background-color:hsl(47deg 100% 62%);--mnml--skip-link--text-color:hsl(210deg 11% 15%)}:where(.reader-only,.skip-link):not(:focus-visible):not(:active){word-wrap:normal!important;block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}.skip-link{position:absolute;z-index:1}.skip-link:focus-visible{--mnml--link--text-color--hover:var(--mnml--skip-link--text-color);--mnml--focus-ring--color:transparent;--mnml--focus-ring--offset:0;background-color:var(--mnml--skip-link--background-color);inset-block-start:.25rem;inset-inline-start:.25rem;padding:1rem;z-index:100000}}}
/*
 * 🎨 mnml-utils.css 7.0.0-0
 */

@layer mnml.utils{.text--left,.text--start{text-align:start}.text--center{text-align:center}.text--end,.text--right{text-align:end}.text--caps{letter-spacing:.005em;text-transform:uppercase}.text--italic{font-style:italic}.text--normal{font-weight:400}.text--bold{font-weight:700}.text--bolder{font-weight:bolder}.text--small{font-size:.75rem}.text--sans{font-family:var(--mnml--font--sans)}.text--serif{font-family:var(--mnml--font--serif)}.text--mono,.text--monospace{font-family:var(--mnml--font--monospace)}.text--nums{font-variant:tabular-nums}.text--no-wrap{white-space:nowrap}.text--balance{text-wrap:balance}.text--underline{text-decoration:underline}.text--no-underline{text-decoration:none}.mb-0{margin-block:0}.mb-half{margin-block:.5rem}.mb-1{margin-block:1rem}.mb-2{margin-block:2rem}.mb-auto{margin-block:auto}.mbs-0{margin-block-start:0}.mbs-half{margin-block-start:.5rem}.mbs-1{margin-block-start:1rem}.mbs-2{margin-block-start:2rem}.mbs-auto{margin-block-start:auto}.mbe-0{margin-block-end:0}.mbe-half{margin-block-end:.5rem}.mbe-1{margin-block-end:1rem}.mbe-2{margin-block-end:2rem}.mbe-auto{margin-block-end:auto}.mi-0{margin-inline:0}.mi-half{margin-inline:.5rem}.mi-1{margin-inline:1rem}.mi-2{margin-inline:2rem}.mi-auto{margin-inline:auto}.mis-0{margin-inline-start:0}.mis-half{margin-inline-start:.5rem}.mis-1{margin-inline-start:1rem}.mis-2{margin-inline-start:2rem}.mis-auto{margin-inline-start:auto}.mie-0{margin-inline-end:0}.mie-half{margin-inline-end:.5rem}.mie-1{margin-inline-end:1rem}.mie-2{margin-inline-end:2rem}.mie-auto{margin-inline-end:auto}.pb-0{padding-block:0}.pb-half{padding-block:.5rem}.pb-1{padding-block:1rem}.pb-2{padding-block:2rem}.pbs-0{padding-block-start:0}.pbs-half{padding-block-start:.5rem}.pbs-1{padding-block-start:1rem}.pbs-2{padding-block-start:2rem}.pbe-0{padding-block-end:0}.pbe-half{padding-block-end:.5rem}.pbe-1{padding-block-end:1rem}.pbe-2{padding-block-end:2rem}.pi-0{padding-inline:0}.pi-half{padding-inline:.5rem}.pi-1{padding-inline:1rem}.pi-2{padding-inline:2rem}.pis-0{padding-inline-start:0}.pis-half{padding-inline-start:.5rem}.pis-1{padding-inline-start:1rem}.pis-2{padding-inline-start:2rem}.pie-0{padding-inline-end:0}.pie-half{padding-inline-end:.5rem}.pie-1{padding-inline-end:1rem}.pie-2{padding-inline-end:2rem}}
:where(:root, :host) {
  --ux4g--yellow: oklch(85.88% 0.171 91.26);
  --ux4g--yellow--hover: oklch(88.52% 0.154 94.35);
  --ux4g--dark: oklch(24.35% 0 0);
  --ux4g--medium-dark: oklch(37.91% 0 0);
  --ux4g--medium: oklch(73.8% 0 0);
  --ux4g--light: oklch(97.91% 0 0);
  --ux4g--white: oklch(100% 0 0);

  --ux4g--clamp--8-16: clamp(0.5rem, -0.3889rem + 1.8519vi, 1rem);
  --ux4g--clamp--8-24: clamp(0.5rem, 0.0455rem + 1.9394vi, 1.5rem);
  --ux4g--clamp--16-20: clamp(1rem, 0.8864rem + 0.4848vi, 1.25rem);
  --ux4g--clamp--16-32: clamp(1rem, 0.5455rem + 1.9394vi, 2rem);
  --ux4g--clamp--16-64: clamp(1rem, -0.3636rem + 5.8182vi, 4rem);
  --ux4g--clamp--18-22: clamp(1.125rem, 1.0114rem + 0.4848vi, 1.375rem);
  --ux4g--clamp--24-40: clamp(1.5rem, 2.9545rem + -1.9394vi, 2.5rem);
  --ux4g--clamp--28-36: clamp(1.75rem, 1.5227rem + 0.9697vi, 2.25rem);
  --ux4g--clamp--36-44: clamp(2.25rem, 1.3636rem + 1.8182vi, 2.75rem);
  --ux4g--clamp--40-48: clamp(2.5rem, 2.2727rem + 0.9697vi, 3rem);
  --ux4g--clamp--40-80: clamp(2.5rem, 1.3636rem + 4.8485vi, 5rem);
  --ux4g--clamp--44-72: clamp(2.75rem, 1.5rem + 3.6364vi, 4.5rem);
  --ux4g--clamp--48-64: clamp(3rem, 2.5455rem + 1.9394vi, 4rem);
  --ux4g--clamp--48-72: clamp(3rem, 2.3182rem + 2.9091vi, 4.5rem);
  --ux4g--clamp--64-128: clamp(4rem, 2.1818rem + 7.7576vi, 8rem);
  --ux4g--clamp--80-120: clamp(5rem, 3.8636rem + 4.8485vi, 7.5rem);
  --ux4g--clamp--80-160: clamp(5rem, 2.7273rem + 9.697vi, 10rem);

  --ux4g--type--hed--font-size--lg: var(--ux4g--clamp--64-128);
  --ux4g--type--hed--font-size--md: var(--ux4g--clamp--44-72);
  --ux4g--type--hed--font-size--sm: var(--ux4g--clamp--36-44);
  --ux4g--type--hed--font-size--xs: var(--ux4g--clamp--28-36);
  --ux4g--type--dek--font-size--lg: var(--ux4g--clamp--18-22);
  --ux4g--type--dek--font-size--md: 1rem;
  --ux4g--type--lede--font-size: var(--ux4g--clamp--18-22);
  --ux4g--type--body--font-size--lg: var(--ux4g--clamp--16-20);
  --ux4g--type--body--font-size--md: 1rem;
  --ux4g--type--utility--font-size: 1rem;
  --ux4g--type--testimonial--font-size: var(--ux4g--clamp--18-22);

  --ux4g--font--montserrat: montserrat, var(--mnml--font--sans);
  --ux4g--font--jubilat: jubilat, var(--mnml--font--serif);
  --ux4g--font--input-serif: input-serif, var(--mnml--font--monospace);
  --ux4g--font--alternate-gothic: alternate-gothic-atf, var(--mnml--font--sans);

  --mnml--theme--primary: var(--ux4g--yellow);
  --mnml--theme--primary--contrasting: var(--ux4g--dark);
  --mnml--theme--primary--hover: var(--ux4g--yellow--hover);
  --mnml--theme--primary--hover--contrasting: var(--ux4g--dark);
  --mnml--selection--background-color: var(--ux4g--yellow);
  --mnml--selection--text-color: var(--ux4g--dark);
  --mnml--skip-link--background-color: var(--ux4g--yellow);
  --mnml--skip-link--text-color: var(--ux4g--dark);
  --mnml--body--background-color: var(--ux4g--dark);
  --mnml--body--text-color: var(--ux4g--light);
  --mnml--container--max-inline-size: 100rem; /* 1600px */
  --mnml--container--padding-inline: var(--ux4g--clamp--16-64);
  --mnml--button--padding-inline: calc(
    1.25rem - (2 * var(--mnml--button--border-width))
  );
  --mnml--button--padding-block: calc(
    1.125rem - (2 * var(--mnml--button--border-width))
  );
  --mnml--button--border-radius: 0;
  --mnml--button--text-transform: uppercase;
  --mnml--button--column-gap: 0.5rem;
  --mnml--button--line-height: 1.25;
  --mnml--button--font-weight: 600;
  --mnml--button--font-family: var(--ux4g--font--montserrat);
  --mnml--focus-ring--color: var(--ux4g--yellow);
  --mnml--input--focus-ring--color: var(--ux4g--yellow);
  --mnml--focus-ring--offset: 0.25rem;
  --mnml--input--focus-ring--offset: 0.25rem;
  --mnml--input--border-radius: 0;
  --mnml--link--text-color: var(--ux4g--yellow);
  --mnml--link--text-color--hover: var(--ux4g--yellow--hover);
  --mnml--link--text-color--visited: var(--ux4g--yellow);

  --block-padding-inline: var(--mnml--container--padding-inline);
  --block-padding-block: var(--ux4g--clamp--80-120);
}

:where(:root, :host):where(
    [data-save-data="true"],
    [data-connection="3g"],
    [data-connection="2g"],
    [data-connection="slow-2g"]
  ) {
  --ux4g--font--montserrat: var(--mnml--font--sans);
  --ux4g--font--jubilat: var(--mnml--font--serif);
  --ux4g--font--input-serif: var(--mnml--font--monospace);
  --ux4g--font--alternate-gothic: var(--mnml--font--sans);
}
.font--hed\@lg,
.font--hed\@md,
ux4g-block .block__label {
  line-height: 1;
  font-family: var(--ux4g--font--alternate-gothic);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: normal;
  text-wrap: balance;
  color: var(--ux4g--white);
}

/* h1 */
.font--hed\@lg {
  font-size: var(--ux4g--type--hed--font-size--lg);
}

:where(:root, :host):where(
    [data-save-data="true"],
    [data-connection="3g"],
    [data-connection="2g"],
    [data-connection="slow-2g"]
  ) {
  .font--hed\@lg {
    font-size: var(--ux4g--type--hed--font-size--md);
    font-weight: 700;
  }
}

/* h2 */
.font--hed\@md,
ux4g-block .block__label {
  font-size: var(--ux4g--type--hed--font-size--md);
  letter-spacing: 1.44px;
}

:where(:root, :host):where(
    [data-save-data="true"],
    [data-connection="3g"],
    [data-connection="2g"],
    [data-connection="slow-2g"]
  ) {
  .font--hed\@md,
  ux4g-block .block__label {
    font-size: var(--ux4g--type--hed--font-size--sm);
    font-weight: 700;
  }
}

/* h3 */
.font--hed\@sm {
  font-size: var(--ux4g--type--hed--font-size--sm);
  line-height: 1.2727272727;
  font-family: var(--ux4g--font--jubilat);
  font-weight: 400;
  letter-spacing: 0.44px;
  text-wrap: balance;
  color: var(--ux4g--white);
}

/* h4 */
.font--hed\@xs {
  font-size: var(--ux4g--type--hed--font-size--xs);
  line-height: 1.3333333333;
  font-family: var(--ux4g--font--jubilat);
  font-weight: 400;
  letter-spacing: 0.36px;
  text-wrap: balance;
  color: var(--ux4g--white);
}

/* h5 */
.font--dek\@lg {
  font-size: var(--ux4g--type--dek--font-size--lg);
  line-height: 1.2727272727;
  font-family: var(--ux4g--font--montserrat);
  text-transform: uppercase;
  letter-spacing: 0.44px;
  font-weight: 700;
  text-wrap: balance;
}

/* h6 */
ux4g-sanity-content h3,
.font--dek\@md {
  font-size: var(--ux4g--type--dek--font-size--md);
  line-height: 1.25;
  font-family: var(--ux4g--font--montserrat);
  text-transform: uppercase;
  letter-spacing: 0.32px;
  font-weight: 700;
  text-wrap: balance;
}

/* intro */
.font--lede {
  font-size: var(--ux4g--type--lede--font-size);
  line-height: 1.6363636364;
  font-family: var(--ux4g--font--input-serif);
  font-weight: 300;
  letter-spacing: 0.22px;
  text-wrap: pretty;
}

body,
.font--body\@lg,
.font--body\@md {
  font-family: var(--ux4g--font--montserrat);
  font-weight: 400;
  text-wrap: pretty;
}

/* body1 */
body,
.font--body\@lg {
  font-size: var(--ux4g--type--body--font-size--lg);
  line-height: 1.6;
  letter-spacing: 0.4px;
}

/* body2 */
.font--body\@md {
  font-size: var(--ux4g--type--body--font-size--md);
  line-height: 1.625;
  letter-spacing: 0.16px;
}

.font--utility {
  font-size: var(--ux4g--type--utility--font-size);
  line-height: 1.625;
  letter-spacing: 0.16px;
  font-family: var(--ux4g--font--input-serif);
  font-weight: 400;
  text-wrap: pretty;
}

.font--testimonial {
  font-size: var(--ux4g--type--testimonial--font-size);
  line-height: 1.6363636364;
  font-family: var(--ux4g--font--input-serif);
  font-weight: 400;
  letter-spacing: 0.22px;
  font-style: italic;
  text-wrap: pretty;
}

html {
  -webkit-tap-highlight-color: color-mix(
    in oklch,
    var(--ux4g--yellow) 50%,
    transparent
  );
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

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

body {
  background-repeat: no-repeat;
  background-size: contain;
}

@keyframes --button--icon--pulse {
  0% {
    opacity: 1;
    translate: 0 0;
  }

  70% {
    opacity: 0;
    translate: 25% 0;
  }

  100% {
    opacity: 0;
    translate: 25% 0;
  }
}

:where(button, .button) {
  letter-spacing: 0.8px;

  &:where(:hover, :active, :focus-visible) {
    @media (pointer: fine) and (hover: hover) {
      .fa-arrow-right,
      .icon--arrow-right {
        animation-name: --button--icon--pulse;
        animation-duration: calc(var(--mnml--animation-duration) * 5);
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
      }
    }
  }

  &:where(.primary, [data-color="primary"]) {
    --mnml--focus-ring--color: var(--mnml--theme--primary--hover);
  }

  &:where(.no-bg, [data-variant~="no-bg"]) {
    --button--padding-inline: 0;
  }
}

.bordered-image {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  border: 8pt solid var(--mnml--theme--primary);
}

.container--no-padding {
  padding-inline: 0;
}

.container--grid {
  --mnml--container--max-inline-size: calc(40rem + (var(--block-padding-inline) * 2));

  max-inline-size: 100rem;
  margin-inline: auto;
}

blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
  line-height: 1.6;
}

svg {
  fill: currentColor;
}

@keyframes --ux4g-block-fade-in {
  0% {
    opacity: 0;
    scale: 0.8;
    filter: grayscale(50%);
  }

  50% {
    opacity: 1;
    scale: 1;
    filter: grayscale(0%);
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@keyframes --ux4g-block-fade-in--zoom-in {
  0% {
    opacity: 0;
    scale: 1.2;
  }

  50% {
    opacity: 1;
    scale: 1;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}