/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/custom_form/view.css ***!
  \********************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer utilities {
  .custom-form-block {
    --form-accent: var(--color-brand-primary);
    --form-bg: var(--color-brand-white);
    --form-field-radius: 10px;
    position: relative;
    scroll-margin-top: 8px;
  }
  .custom-form-block .form-wrapper {
    position: relative;
    padding-top: calc(var(--spacing, 0.25rem) * 4);
  }
  .custom-form-block label {
    display: block;
    padding-bottom: var(--spacing, 0.25rem);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-brand-black, #2a2e1b);
  }
  .custom-form-block label small {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-form-muted, #6b6d63);
  }
  .custom-form-block label.checkbox-label,
    .custom-form-block label.inline-label {
    display: inline-flex;
    align-items: flex-start;
    gap: calc(var(--spacing, 0.25rem) * 2);
    padding-bottom: 0px;
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }
  .custom-form-block label.checkbox-label small,
    .custom-form-block label.inline-label small {
    color: var(--color-form-muted-dark, #4c4e45);
  }
  .custom-form-input {
    display: block;
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-form-border, #c9cbc2);
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    color: var(--color-brand-black, #2a2e1b);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    background-color: var(--form-bg);
    border-radius: var(--form-field-radius);
  }
  .custom-form-input,
    .custom-form-input:focus,
    .custom-form-input:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
  }
  .custom-form-input {
    box-shadow: none;
  }
  .custom-form-input:focus,
    .custom-form-input.selected {
    border-color: var(--color-brand-black, #2a2e1b);
    box-shadow: inset 0 0 0 2px var(--form-accent);
  }
  .custom-form-input.error,
    .custom-form-input[aria-invalid='true'] {
    border-color: var(--color-form-error, #950000) !important;
    box-shadow: inset 0 0 0 2px var(--color-form-error);
  }
  .custom-form-input:disabled,
    .custom-form-input[disabled] {
    cursor: not-allowed;
    background-color: var(--color-form-disabled-bg, #f1f1ee);
    color: var(--color-form-disabled-text, #9a9c92);
  }
  .custom-form-block .field-error {
    margin-top: var(--spacing, 0.25rem);
    margin-bottom: 0px;
    display: block;
    padding: 0px;
    font-size: 80%;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-form-error, #950000);
    &:empty {
      margin-top: 0px;
    }
  }
  .custom-form-block .checkbox-label input[aria-invalid='true'] {
    outline: 2px solid var(--color-form-error);
    outline-offset: 2px;
  }
  .custom-form-block .worx-field-help {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--color-form-muted, #6b6d63);
    margin-top: -0.375rem;
  }
  .custom-form-input::file-selector-button {
    margin-right: calc(var(--spacing, 0.25rem) * 3);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: color-mix(in srgb, #2a2e1b 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-black, #2a2e1b) 10%, transparent);
    }
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: var(--spacing, 0.25rem);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }
  textarea.custom-form-input {
    min-height: 150px;
    resize: none;
  }
  .custom-form-block input[type='number']::-webkit-inner-spin-button,
    .custom-form-block input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
  }
  .custom-form-block input[type='number'] {
    -moz-appearance: textfield;
  }
  .custom-form-block select.custom-form-input {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    padding-right: 36px;
  }
  .custom-form-block .form-floating:has(> select.custom-form-input) > label {
    padding-right: 36px;
  }
  .custom-form-block .worx-form-fieldset {
    margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    min-inline-size: 0;
  }
  .custom-form-block .worx-form-legend {
    position: relative;
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    width: auto;
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    float: none;
    padding: 0 0 0.75rem 0;
  }
  .custom-form-block .worx-form-legend::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 3px;
    background: var(--form-accent);
  }
  .custom-form-block .worx-form-section[data-step='1'] {
    --form-step-num: '1';
  }
  .custom-form-block .worx-form-section[data-step='2'] {
    --form-step-num: '2';
  }
  .custom-form-block .worx-form-section[data-step='3'] {
    --form-step-num: '3';
  }
  .custom-form-block .worx-form-section[data-step='4'] {
    --form-step-num: '4';
  }
  .custom-form-block .worx-form-section[data-step='5'] {
    --form-step-num: '5';
  }
  .custom-form-block .worx-form-section[data-step='6'] {
    --form-step-num: '6';
  }
  .custom-form-block .worx-form-section[data-step] .worx-form-legend::before {
    content: 'STEP ' var(--form-step-num, '');
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    display: block;
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 80%;
    color: var(--form-accent);
  }
  .custom-form-block .worx-required-legend {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--color-form-muted-dark, #4c4e45);
  }
  .custom-form-block .worx-required-legend .text-red-600 {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }
  .custom-form-block .form-floating {
    position: relative;
    --label-extra: 0px;
  }
  .custom-form-block .form-floating > .custom-form-input {
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-bottom: 0.375rem;
    padding-top: calc(1.5rem + var(--label-extra));
    height: calc(3.75rem + var(--label-extra));
  }
  .custom-form-block .form-floating > textarea.custom-form-input {
    height: auto;
    min-height: calc(7rem + var(--label-extra));
    padding-top: calc(1.75rem + var(--label-extra));
  }
  .custom-form-block .form-floating > select.custom-form-input {
    padding-bottom: 0.375rem;
    padding-top: calc(1.5rem + var(--label-extra));
    height: calc(3.75rem + var(--label-extra));
  }
  .custom-form-block .form-floating > label {
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    transform-origin: 0 0;
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    padding-bottom: 0px;
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-form-muted, #6b6d63);
    transition-property: opacity,transform,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    white-space: normal;
    line-height: 1.25;
    max-width: 100%;
  }
  .custom-form-block .form-floating > .custom-form-input::placeholder {
    color: transparent;
  }
  .custom-form-block .form-floating > .custom-form-input:focus ~ label,
    .custom-form-block
        .form-floating
        > .custom-form-input:not(:placeholder-shown)
        ~ label,
    .custom-form-block .form-floating > select.custom-form-input ~ label,
    .custom-form-block
        .form-floating
        > input[type='date'].custom-form-input
        ~ label {
    --tw-translate-y: calc(var(--spacing, 0.25rem) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
    color: var(--form-accent);
  }
  .custom-form-block .worx-form-step-hidden {
    display: none !important;
  }
  .custom-form-block .worx-form-steps {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    padding: 0px;
  }
  .custom-form-block .worx-form-step-indicator {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-form-muted, #6b6d63);
    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
    border-radius: 999px;
    border: 1px solid var(--color-border-muted);
    background: var(--color-brand-white);
  }
  .custom-form-block .worx-form-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: color-mix(
            in srgb,
            #2a2e1b 10%,
            transparent
        );
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(
            in srgb,
            var(--color-brand-black) 10%,
            transparent
        );
    }
    color: var(--color-brand-black);
  }
  .custom-form-block .worx-form-step-indicator-active {
    color: var(--color-brand-black, #2a2e1b);
    border-color: var(--form-accent);
  }
  .custom-form-block .worx-form-step-indicator-active .worx-form-step-number {
    background: var(--form-accent);
    color: var(--color-brand-white);
  }
  .custom-form-block .worx-form-step-indicator-completed {
    color: var(--color-brand-black, #2a2e1b);
    border-color: var(--form-accent);
  }
  .custom-form-block
        .worx-form-step-indicator-completed
        .worx-form-step-number {
    background: var(--form-accent);
    color: transparent;
    font-size: 0;
  }
  .custom-form-block
        .worx-form-step-indicator-completed
        .worx-form-step-number::after {
    content: '';
    width: 14px;
    height: 14px;
    background: var(--color-brand-white);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M16 6 8 14l-4-4' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")
            center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M16 6 8 14l-4-4' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")
            center/contain no-repeat;
  }
  .custom-form-block .worx-form-step-indicator-active .worx-form-step-label,
    .custom-form-block
        .worx-form-step-indicator-completed
        .worx-form-step-label {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }
  .custom-form-block
        .worx-form-step-indicator:not(.worx-form-step-indicator-active):not(
            .worx-form-step-indicator-completed
        )
        .worx-form-step-label {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-form-muted, #6b6d63);
  }
  .custom-form-block .worx-form-step-indicator-hidden {
    display: none;
  }
  .custom-form-block .worx-form-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .custom-form-block .worx-form-nav .worx-form-captcha-row {
    display: flex;
    align-items: center;
  }
  html[data-captcha-badge] .grecaptcha-badge {
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
                    opacity 320ms ease;
  }
  html[data-captcha-badge='parked'] .grecaptcha-badge {
    transform: translateX(calc(100% + 24px));
    opacity: 0;
    pointer-events: none;
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-captcha-badge] .grecaptcha-badge {
      transition: none;
    }
  }
  .custom-form-block .worx-captcha-inline-attribution {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    color: var(--color-form-muted);
  }
  .custom-form-block .worx-captcha-inline-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
  }
  .custom-form-block .worx-captcha-inline-text {
    display: flex;
    flex-direction: column;
  }
  .custom-form-block .worx-captcha-inline-protected {
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  }
  .custom-form-block .worx-captcha-inline-links {
    font-size: 11px;
  }
  .custom-form-block .worx-captcha-inline-attribution a {
    color: inherit;
    text-decoration: none;
  }
  .custom-form-block .worx-captcha-inline-attribution a:hover,
    .custom-form-block .worx-captcha-inline-attribution a:focus {
    text-decoration: underline;
  }
  .custom-form-block .worx-form-nav .worx-form-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .custom-form-block .worx-form-nav.worx-form-nav-stacked {
    flex-direction: column;
    align-items: stretch;
  }
  .custom-form-block .worx-form-nav-stacked .worx-form-captcha-row {
    justify-content: flex-start;
  }
  .custom-form-block .worx-form-nav .worx-form-prev[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
  }
  @media (max-width: 639.98px) {
    .custom-form-block .worx-form-nav {
      flex-direction: column;
      align-items: stretch;
    }
    .custom-form-block .worx-form-nav .worx-form-captcha-row {
      justify-content: flex-start;
    }
  }
  .custom-form-block .worx-form-divider {
    margin-block: calc(var(--spacing, 0.25rem) * 4);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-top: 1px solid var(--color-line);
  }
  .custom-form-block .worx-field-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    color: var(--form-accent);
    z-index: 1;
    transition: top 300ms ease-out;
  }
  .custom-form-block
        .form-floating
        > .custom-form-input:focus
        ~ .worx-field-icon,
    .custom-form-block
        .form-floating
        > input.custom-form-input:not(:placeholder-shown)
        ~ .worx-field-icon,
    .custom-form-block
        .form-floating
        > textarea.custom-form-input:not(:placeholder-shown)
        ~ .worx-field-icon,
    .custom-form-block
        .form-floating
        > select.custom-form-input:not(:has(option[value='']:checked))
        ~ .worx-field-icon,
    .custom-form-block
        .form-floating
        > input[type='date'].custom-form-input
        ~ .worx-field-icon {
    top: calc(50% + 9px);
  }
  .custom-form-block .worx-field-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .custom-form-block .worx-field-icon-left {
    left: 14px;
  }
  .custom-form-block .worx-field-icon-right {
    right: 14px;
  }
  .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > .custom-form-input {
    padding-left: 40px;
  }
  .custom-form-block .form-floating.worx-field-icon-pos-left > label {
    padding-left: 40px;
  }
  .custom-form-block
        .form-floating.worx-field-icon-pos-right
        > .custom-form-input {
    padding-right: 40px;
  }
  .custom-form-block .form-floating.worx-field-icon-pos-right > label {
    padding-right: 40px;
  }
  .custom-form-block
        .form-floating.worx-field-icon-pos-right
        > select.custom-form-input {
    padding-right: 64px;
  }
  .custom-form-block
        .form-floating.worx-field-icon-pos-right
        > select.custom-form-input
        ~ .worx-field-icon-right {
    right: 38px;
  }
  .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > .custom-form-input:focus
        ~ label,
    .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > input.custom-form-input:not(:placeholder-shown)
        ~ label,
    .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > textarea.custom-form-input:not(:placeholder-shown)
        ~ label,
    .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > select.custom-form-input:not(:has(option[value='']:checked))
        ~ label,
    .custom-form-block
        .form-floating.worx-field-icon-pos-left
        > input[type='date'].custom-form-input
        ~ label {
    transform: translate(-16px, -0.5rem) scale(0.75);
  }
  .custom-form-block .worx-repeater {
    background: color-mix(
            in srgb,
            #2a2e1b 6%,
            transparent
        );
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(
            in srgb,
            var(--color-brand-black) 6%,
            transparent
        );
    }
    border-radius: 10px;
    padding: 16px 20px;
  }
  .custom-form-block .worx-repeater-title {
    margin-top: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--color-brand-black, #2a2e1b);
  }
  .custom-form-block .worx-repeater-rows > .worx-repeater-row {
    position: relative;
    padding-top: 8px;
    padding-right: 36px;
  }
  .custom-form-block .worx-repeater-rows.is-at-min > .worx-repeater-row {
    padding-right: 0;
  }
  .custom-form-block .worx-repeater-rows.is-at-min .worx-repeater-remove {
    display: none;
  }
  .custom-form-block
        .worx-repeater-rows
        > .worx-repeater-row
        + .worx-repeater-row {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px dashed
            color-mix(in srgb, #2a2e1b 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px dashed
            color-mix(in srgb, var(--color-brand-black) 18%, transparent);
    }
  }
  .custom-form-block .worx-repeater-remove {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 28px;
    height: 28px;
    padding: 5px;
    background: transparent;
    border: 0;
    color: var(--form-accent);
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    transition: color 200ms ease-out;
  }
  .custom-form-block .worx-repeater-remove svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .custom-form-block .worx-repeater-remove:hover,
    .custom-form-block .worx-repeater-remove:focus {
    color: var(--color-form-error);
  }
  .custom-form-block .worx-repeater-add-row {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    text-align: right;
  }
  .custom-form-block .worx-repeater-add {
    background: transparent;
    border: 0;
    padding: 4px 0;
    color: var(--form-accent);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
  }
  .custom-form-block .worx-repeater-add:hover {
    text-decoration: underline;
  }
  .custom-form-block.loading .form-wrapper::before {
    content: '';
    position: absolute;
    inset: 0px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
  }
  .custom-form-block.loading .form-wrapper::after {
    content: '';
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border-radius: 50%;
    border: 4px solid var(--color-border-muted);
    border-top-color: var(--form-accent);
    animation: worx-form-spin 1s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-form-block.loading .form-wrapper::after {
      border-color: var(--form-accent);
      animation: worx-form-loading-pulse 1.6s ease-in-out infinite;
    }
  }
  .custom-form-block .message-wrapper {
    margin-inline: auto;
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    max-width: var(--container-2xl, 42rem);
    border-radius: var(--radius-lg, 0.5rem);
    background-color: color-mix(in srgb, #2a2e1b 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-black, #2a2e1b) 10%, transparent);
    }
    padding: calc(var(--spacing, 0.25rem) * 6);
    text-align: center;
  }
}
@keyframes worx-form-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes worx-form-loading-pulse {
  0%,
    100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.site-hero-form {
  --form-accent: var(--color-brand-black);
  .worx-field-help {
    color: var(--color-brand-text);
  }
  .custom-form-block label,
    label {
    margin: 0px;
    display: block;
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.6px;
    padding-bottom: 8px;
    color: var(--color-brand-text);
  }
  .form-floating {
    position: relative;
    > .custom-form-input::placeholder {
      color: transparent;
    }
    > .custom-form-input {
      height: 60px;
      padding-top: 26px;
      padding-bottom: 8px;
    }
    > textarea.custom-form-input {
      height: 104px;
      min-height: 0;
      padding-top: 26px;
    }
    > label {
      pointer-events: none;
      position: absolute;
      top: 50%;
      translate: 0 -50%;
      padding-block: 0;
      left: 0;
      padding-inline: 12px;
      font-family: var(--font-sans);
      font-size: 1rem;
      text-transform: none;
      letter-spacing: normal;
      color: var(--color-form-muted);
      transition: all 200ms ease;
    }
    > textarea.custom-form-input ~ label {
      top: 18px;
      translate: 0 0;
    }
    > .custom-form-input:focus ~ label,
        > .custom-form-input:not(:placeholder-shown) ~ label {
      top: 10px;
      translate: 0 0;
      scale: 1;
      font-size: 0.6875rem;
    }
  }
  .worx-required-marker {
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    font-size: inherit;
    color: inherit;
    margin-left: 0;
  }
  .custom-form-input {
    width: 100%;
    background-color: var(--color-brand-white, #ffffff);
    border-color: color-mix(in srgb, #0b6738 41%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-forest-green) 41%, var(--color-brand-white));
    }
    border-radius: 10px;
    padding: 10px 15px;
    height: 45px;
    &:focus {
      border-color: var(--color-brand-black);
    }
  }
  .site-hero-form-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .site-hero-form-title {
    min-width: 0px;
    flex: 1;
  }
  .site-hero-form-required {
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 14px;
    line-height: 1.45;
    &:last-child {
      margin-bottom: 0px;
    }
    flex-shrink: 0;
    white-space: nowrap;
  }
  textarea.custom-form-input {
    min-height: 104px;
    height: 104px;
    padding: 12px 15px;
  }
  .worx-form-section > .grid {
    margin-bottom: 14px;
    row-gap: 14px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .worx-form-nav {
    margin-top: 18px;
  }
  .worx-form-submit {
    background-color: var(--color-brand-black, #2a2e1b);
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-white, #ffffff);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: var(--tracking-label);
    border: 0;
    border-radius: 10px;
    padding: 12px 18px;
    transition: background-color 180ms ease;
    &:hover,
        &:focus-visible {
      background-color: var(--color-forest-green);
    }
  }
  .message-wrapper {
    margin-inline: 0px;
    margin-top: 0px;
    display: flex;
    max-width: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    text-align: center;
    background-color: transparent;
    border-radius: 0;
    &.hidden {
      display: none;
    }
    &::before {
      content: '';
      display: block;
      flex-shrink: 0;
      width: 34px;
      height: 34px;
      margin-bottom: 20px;
      background: var(--gvt-leaf) center / contain no-repeat;
    }
    > p:last-child {
      margin-top: 26px;
      margin-bottom: 0;
    }
  }
  .message {
    > :first-child {
      margin: 0px;
      padding-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
      color: var(--color-brand-text, var(--color-brand-black));
      font-size: 22px;
      line-height: 1.3;
      overflow-wrap: break-word;
      @media (min-width: 768px) {
        font-size: 24px;
      }
      @media (min-width: 1280px) {
        font-size: 26px;
      }
      &:last-child {
        padding-bottom: 0px;
      }
    }
    > * + * {
      margin-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
      --tw-font-weight: var(--font-weight-normal, 400);
      font-weight: var(--font-weight-normal, 400);
      color: var(--color-brand-text, var(--color-brand-black));
      font-size: 16px;
      line-height: 1.5;
      &:last-child {
        margin-bottom: 0px;
      }
      margin: 10px 0 0;
    }
  }
  .backtoform {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: var(--tracking-label);
    color: var(--color-brand-black);
    background-color: transparent;
    border: 2px solid var(--color-brand-black);
    border-radius: 10px;
    padding: 10px 18px;
    transition: background-color 180ms ease, color 180ms ease;
    &:hover {
      background-color: var(--color-brand-black, #2a2e1b);
      color: var(--color-brand-white, #ffffff);
    }
    &:focus-visible {
      background-color: var(--color-brand-black, #2a2e1b);
      color: var(--color-brand-white, #ffffff);
      outline: 2px solid var(--color-forest-green);
      outline-offset: 2px;
    }
  }
  .worx-field-wrapper {
    position: relative;
  }
  .worx-field-wrapper .field-error {
    position: absolute;
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    top: 9px;
    right: 12px;
    max-width: 56%;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-form-error);
    pointer-events: none;
  }
  .worx-field-wrapper:has(input[type='file']) .field-error {
    top: auto;
    bottom: 14px;
  }
}
.site-hero-form-card:has(.message-wrapper:not(.hidden)) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  .site-hero-form-head,
    .site-hero-form-intro {
    display: none;
  }
}
.site-hero {
  --hero-radius: 15px;
  padding-block: 0;
  .site-hero-grid {
    display: grid;
    gap: 15px;
    @media (min-width: 768px) {
      gap: 20px;
    }
    @media (min-width: 1024px) {
      align-items: stretch;
      grid-template-columns: minmax(0, 1fr) 370px;
      transition: grid-template-columns 1100ms cubic-bezier(0.22, 1, 0.36, 1),
                        column-gap 1100ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    @media (min-width: 1280px) {
      grid-template-columns: minmax(0, 1fr) 448px;
    }
    @media (min-width: 1536px) {
      grid-template-columns: minmax(0, 1fr) 507px;
    }
  }
  .site-hero-media {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: var(--hero-radius);
    background-color: var(--color-forest-green);
    min-height: 570px;
    @media (min-width: 768px) {
      min-height: 635px;
    }
    @media (min-width: 1024px) {
      min-height: 722px;
    }
    @media (min-width: 1280px) {
      min-height: 710px;
    }
    @media (min-width: 1536px) {
      min-height: 698px;
    }
  }
  .site-hero-video {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .site-hero-video-toggle {
    position: absolute;
    z-index: 10;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-brand-black, #2a2e1b);
    color: var(--color-brand-white, #ffffff);
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    transition: background-color 200ms ease;
    @media (min-width: 768px) {
      top: 24px;
      right: 24px;
    }
    @media (min-width: 1024px) {
      top: 25px;
      right: 25px;
    }
    @media (min-width: 1280px) {
      top: 32px;
      right: 32px;
    }
    @media (min-width: 1536px) {
      top: 39px;
      right: 39px;
    }
    &:hover {
      background-color: var(--color-forest-green);
    }
    &:focus-visible {
      outline: 3px solid var(--color-brand-black);
      outline-offset: 2px;
      box-shadow: 0 0 0 7px var(--color-brand-white);
    }
    &[hidden] {
      display: none;
    }
    svg {
      width: 14px;
      height: 14px;
    }
    &[data-state='playing'] .site-hero-video-play,
        &[data-state='paused'] .site-hero-video-pause {
      display: none;
    }
  }
  .site-hero-scrim {
    position: absolute;
    inset: 0px;
    background: linear-gradient(to bottom, rgb(48 60 1 / 0) 0%, rgb(48 60 1 / 0.8) 85.577%);
  }
  .site-hero-copy {
    position: relative;
    padding: 0 14px 28px;
    @media (min-width: 768px) {
      padding: 0 24px 41px;
    }
    @media (min-width: 1024px) {
      padding: 0 25px 37px;
    }
    @media (min-width: 1280px) {
      padding: 0 32px 40px;
    }
    @media (min-width: 1536px) {
      padding: 0 39px 44px;
    }
  }
  .site-hero-headline {
    margin: 0px;
    display: inline-flex;
    align-items: center;
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    text-transform: uppercase;
    font-size: 16px;
    line-height: 2;
    letter-spacing: var(--tracking-label);
    color: var(--color-brand-text, var(--color-brand-black));
    gap: 6px;
    padding: 2px 6px 2px 7px;
    line-height: 1.5;
    background-image: linear-gradient(var(--color-neon-green), var(--color-neon-green));
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% 100%;
    @media (prefers-reduced-motion: no-preference) {
      transition: background-size 650ms cubic-bezier(0.22, 1, 0.36, 1) 900ms,
                        color 400ms ease 1000ms,
                        text-shadow 400ms ease 1000ms;
    }
  }
  &[data-hero-reveal='closed'] .site-hero-headline {
    @media (prefers-reduced-motion: no-preference) {
      color: var(--color-brand-white, #ffffff);
      background-size: 0 100%;
      text-shadow: var(--text-halo-dark);
    }
  }
  .site-hero-text {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 32px;
    line-height: 1.2;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 40px;
    }
    @media (min-width: 1024px) {
      font-size: 42px;
    }
    @media (min-width: 1280px) {
      font-size: 48px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-white, #ffffff);
    max-width: 296px;
    text-shadow: var(--text-halo-dark);
    margin-top: 16px;
    @media (min-width: 768px) {
      max-width: 665px;
      margin-top: 18px;
    }
    @media (min-width: 1024px) and (max-width: 1279.98px) {
      max-width: 524px;
      font-size: 38px;
    }
    @media (min-width: 1280px) {
      max-width: 680px;
    }
  }
  .site-hero-form {
    position: relative;
    display: flex;
    min-height: 0px;
    justify-content: flex-end;
    overflow: hidden;
    background-color: var(--color-brand-secondary, var(--color-neon-green));
    border-radius: var(--hero-radius);
  }
  .site-hero-form-card {
    position: relative;
    width: 100%;
    background-color: var(--color-brand-secondary, var(--color-neon-green));
    color: var(--color-brand-text, var(--color-brand-black));
    border-radius: var(--hero-radius);
    padding: 25px 14px;
    @media (min-width: 768px) {
      padding: 28px 24px 27px;
    }
    @media (min-width: 1024px) {
      width: auto;
      flex-shrink: 0;
      width: 370px;
      padding: 30px 24px 26px;
    }
    @media (min-width: 1280px) {
      width: 448px;
    }
    @media (min-width: 1536px) {
      width: 507px;
      padding: 30px;
    }
  }
  .site-hero-form-title {
    margin: 0px;
    padding-bottom: 8px;
    @media (min-width: 768px) {
      padding-bottom: 12px;
    }
    @media (min-width: 1536px) {
      padding-bottom: 9px;
    }
  }
  .site-hero-form-intro {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    margin-bottom: 22px;
    @media (min-width: 768px) {
      margin-bottom: 26px;
    }
    @media (min-width: 1024px) {
      margin-bottom: 32px;
    }
    @media (min-width: 1280px) {
      margin-bottom: 25px;
    }
  }
}
.site-hero-form-card {
  transform: none;
  opacity: 1;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}
.site-hero-form-card > * {
  --hero-content-delay: 1120ms;
  --hero-stagger: 0ms;
  opacity: 1;
  transform: none;
  transition: opacity 900ms ease-out calc(var(--hero-content-delay) + var(--hero-stagger)),
                transform 900ms cubic-bezier(0.22, 1, 0.36, 1)
                    calc(var(--hero-content-delay) + var(--hero-stagger));
  @media (max-width: 1023px) {
    --hero-content-delay: 920ms;
  }
  &:nth-child(2) {
    --hero-stagger: 130ms;
  }
  &:nth-child(3) {
    --hero-stagger: 260ms;
  }
  &:nth-child(n + 4) {
    --hero-stagger: 340ms;
  }
}
.site-hero[data-hero-reveal='closed'] .site-hero-form-card > * {
  opacity: 0;
  transform: translateY(-10px);
  transition-delay: 0ms;
}
.site-hero[data-hero-reveal='closed'] .site-hero-form {
  pointer-events: none;
}
@media (min-width: 1024px) {
  .site-hero[data-hero-reveal='closed'] .site-hero-grid {
    grid-template-columns: minmax(0, 1fr) 0px;
    column-gap: 0;
  }
}
@media (max-width: 1023px) {
  .site-hero .site-hero-form {
    align-items: flex-start;
  }
  .site-hero-grid {
    grid-template-rows: auto 1fr;
    transition: grid-template-rows 900ms cubic-bezier(0.22, 1, 0.36, 1),
                    row-gap 900ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  .site-hero[data-hero-reveal='closed'] .site-hero-grid {
    grid-template-rows: auto 0fr;
    row-gap: 0;
  }
}
.site-hero[data-hero-complete] .site-hero-grid, .site-hero[data-hero-complete] 
    .site-hero-form-card, .site-hero[data-hero-complete] 
    .site-hero-form-card > *, .site-hero[data-hero-complete] 
    .site-hero-headline {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .site-hero .site-hero-grid,
    .site-hero .site-hero-form-card,
    .site-hero .site-hero-form-card > * {
    transition: none;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-tracking: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-leading: initial;
    }
  }
}



/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/intro_statement/view.css ***!
  \************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.intro-statement {
  position: relative;
  z-index: 1;
  padding-block: 50px;
  @media (min-width: 768px) {
    padding-block: 60px 70px;
  }
  @media (min-width: 1024px) {
    padding-block: 70px;
  }
  @media (min-width: 1536px) {
    padding-block: 100px;
  }
  &[data-background='grey'] {
    background-color: var(--color-section-grey);
  }
  .intro-statement-grid {
    display: grid;
    padding-inline: 14px;
    row-gap: 22px;
    @media (min-width: 768px) {
      padding-inline: 24px;
      row-gap: 24px;
    }
    @media (min-width: 1024px) {
      padding-inline: 25px;
      grid-template-columns: minmax(0, 353fr) minmax(0, 519fr);
      column-gap: 43px;
      row-gap: 0;
    }
    @media (min-width: 1280px) {
      grid-template-columns: minmax(0, 521fr) minmax(0, 712fr);
      column-gap: 89px;
    }
    @media (min-width: 1536px) {
      padding-inline: 42px;
      grid-template-columns: minmax(0, 521fr) minmax(0, 712fr);
      column-gap: 102px;
    }
  }
  .intro-statement-heading {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 26px;
    line-height: 1.33;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 30px;
    }
    @media (min-width: 1024px) {
      font-size: 32px;
    }
    @media (min-width: 1280px) {
      font-size: 36px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    text-wrap: balance;
    @media (min-width: 768px) {
      max-width: 570px;
    }
    @media (min-width: 1024px) {
      max-width: 353px;
    }
    @media (min-width: 1280px) {
      max-width: 457px;
    }
    @media (min-width: 1536px) {
      max-width: 521px;
    }
  }
  .intro-statement-body {
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    @media (min-width: 768px) {
      max-width: 610px;
    }
    @media (min-width: 1024px) {
      max-width: 519px;
    }
    @media (min-width: 1280px) {
      max-width: 624px;
    }
    @media (min-width: 1536px) {
      max-width: 712px;
    }
    > * + * {
      margin-top: 1em;
    }
    > :first-child {
      margin-top: 0;
    }
    > :last-child {
      margin-bottom: 0;
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}



/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/media_sequence/view.css ***!
  \***********************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.media-sequence {
  z-index: 1;
  --ms-morph: 0;
  --ms-door: 0;
  --ms-scale: 1;
  --ms-radius: 15px;
  --ms-contained-h: 320px;
  --ms-side: 16px;
  --ms-inset: max(16px, calc((100% - 608px) / 2));
  position: relative;
  @media (min-width: 768px) {
    --ms-contained-h: 461px;
    --ms-side: 25px;
    --ms-inset: max(25px, calc((100% - 718px) / 2));
  }
  @media (min-width: 1024px) {
    --ms-contained-h: 468px;
    --ms-side: 30px;
    --ms-inset: max(30px, calc((100% - 964px) / 2));
  }
  @media (min-width: 1280px) {
    --ms-inset: max(30px, calc((100% - 1220px) / 2));
  }
  @media (min-width: 1536px) {
    --ms-side: max(60px, calc((100vw - 1416px) / 2));
    --ms-inset: max(60px, calc((100% - 1416px) / 2));
  }
  .media-sequence-media {
    position: absolute;
    inset: 0px;
    &::after {
      content: '';
      pointer-events: none;
      position: absolute;
      inset: 0px;
      background-color: rgb(42 46 27 / 0.42);
    }
  }
  .media-sequence-video {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .media-sequence-statement {
    pointer-events: none;
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 55px;
    line-height: 1.12;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 70px;
    }
    @media (min-width: 1024px) {
      font-size: 80px;
    }
    @media (min-width: 1280px) {
      font-size: 90px;
    }
    @media (min-width: 1536px) {
      font-size: 100px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-white, #ffffff);
    text-shadow: var(--text-halo-dark-soft);
    @media (max-width: 374.98px) {
      font-size: min(55px, calc((100vw - 32px) / 5.6));
    }
  }
  .media-sequence-door[data-door='right'] {
    display: none;
  }
  .media-sequence-video-toggle {
    --ms-pad: 16px;
    pointer-events: auto;
    position: absolute;
    z-index: 10;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-brand-black, #2a2e1b);
    color: var(--color-brand-white, #ffffff);
    top: var(--ms-pad);
    right: var(--ms-pad);
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    transition: background-color 200ms ease;
    @media (min-width: 768px) {
      --ms-pad: 24px;
    }
    &:hover {
      background-color: var(--color-forest-green);
    }
    &:focus-visible {
      outline: 3px solid var(--color-brand-black);
      outline-offset: 2px;
      box-shadow: 0 0 0 7px var(--color-brand-white);
    }
    &[hidden] {
      display: none;
    }
    svg {
      width: 14px;
      height: 14px;
    }
    &[data-state='playing'] .media-sequence-video-play,
        &[data-state='paused'] .media-sequence-video-pause {
      display: none;
    }
  }
  &:not([data-sequence='on']) {
    .media-sequence-pin,
        .media-sequence-card {
      position: relative;
    }
    .media-sequence-panel {
      position: relative;
      overflow: hidden;
      height: var(--ms-contained-h);
      border-radius: var(--ms-radius);
      background-color: var(--color-brand-black);
      & + & {
        margin-top: 20px;
      }
    }
    .media-sequence-door {
      position: absolute;
      inset: 0px;
    }
    .media-sequence-statement {
      position: absolute;
      inset-inline: 0px;
      bottom: 0px;
      padding: 24px var(--ms-side);
    }
  }
  &[data-sequence='on'] {
    margin-top: calc((var(--ms-contained-h) - 100dvh) / 2 * (1 - var(--ms-morph)));
    pointer-events: none;
    .media-sequence-pin {
      pointer-events: none;
      position: sticky;
      top: 0px;
      width: 100%;
      overflow: hidden;
      height: 100dvh;
    }
    .media-sequence-card {
      position: absolute;
      inset: 0px;
      overflow: hidden;
      background-color: var(--color-brand-black);
      clip-path: inset(
                calc(max(0px, (100dvh - var(--ms-contained-h)) / 2) * (1 - var(--ms-morph)))
                calc(var(--ms-inset) * (1 - var(--ms-morph)))
                calc(max(0px, (100dvh - var(--ms-contained-h)) / 2) * (1 - var(--ms-morph)))
                calc(var(--ms-inset) * (1 - var(--ms-morph)))
                round calc(var(--ms-radius) * (1 - var(--ms-morph)))
            );
    }
    .media-sequence-panel {
      position: absolute;
      inset: 0px;
      overflow: hidden;
      &[data-state='hidden'] {
        visibility: hidden;
      }
    }
    .media-sequence-door {
      position: absolute;
      inset: 0px;
      display: block;
      will-change: transform;
      transform: translate3d(calc(var(--ms-door) * var(--ms-dir) * 50%), 0, 0);
      &[data-door='left'] {
        --ms-dir: -1;
        clip-path: inset(0 50% 0 0);
      }
      &[data-door='right'] {
        --ms-dir: 1;
        clip-path: inset(0 0 0 50%);
      }
    }
    .media-sequence-media {
      will-change: transform;
      transform: scale(var(--ms-scale));
    }
    .media-sequence-statement {
      position: absolute;
      inset-inline: 0px;
      text-align: center;
      top: 50%;
      translate: 0 -50%;
      padding-inline: var(--ms-side);
    }
    .media-sequence-video-toggle {
      top: auto;
      right: calc(var(--ms-inset) * (1 - var(--ms-morph)) + var(--ms-pad));
      bottom: calc(max(0px, (100dvh - var(--ms-contained-h)) / 2) * (1 - var(--ms-morph)) + var(--ms-pad));
    }
    .media-sequence-word {
      display: inline-flex;
      max-width: 100%;
      flex-wrap: wrap;
    }
    .media-sequence-char,
        .media-sequence-word:not(:has(.media-sequence-char)) {
      display: inline-block;
      opacity: 0;
      transform: translateY(0.4em);
      transition: opacity 420ms ease calc(var(--i) * 22ms),
                        transform 640ms cubic-bezier(0.22, 1, 0.36, 1) calc(var(--i) * 22ms);
    }
    .media-sequence-panel[data-text='in'] {
      .media-sequence-char,
            .media-sequence-word {
        opacity: 1;
        transform: none;
      }
    }
    .media-sequence-panel[data-text='out'] {
      .media-sequence-char,
            .media-sequence-word {
        transition: opacity 260ms ease, transform 260ms ease;
      }
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}



/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/employment_opportunities/view.css ***!
  \*********************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.employment-opportunities {
  --eo-radius: 15px;
  --eo-pad: 30px;
  position: relative;
  padding-block: 50px;
  @media (min-width: 768px) {
    padding-block: 60px;
  }
  @media (min-width: 1024px) {
    padding-block: 70px;
  }
  @media (min-width: 1536px) {
    padding-block: 86px;
  }
  &[data-background='grey'] {
    background-color: var(--color-section-grey);
  }
  .employment-opportunities-grid {
    display: grid;
    align-items: flex-start;
    gap: 32px;
    @media (min-width: 1024px) {
      grid-template-columns: 586fr 691fr;
      gap: 55px;
    }
  }
  .employment-opportunities-heading {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 26px;
    line-height: 1.33;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 30px;
    }
    @media (min-width: 1024px) {
      font-size: 32px;
    }
    @media (min-width: 1280px) {
      font-size: 36px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
  }
  .employment-opportunities-body {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    margin-top: 22px;
    > :first-child {
      margin-top: 0;
    }
    > :last-child {
      margin-bottom: 0;
    }
  }
  .employment-opportunities-panel {
    position: relative;
    overflow: hidden;
    border-radius: var(--eo-radius);
    background-color: var(--color-forest-green);
  }
  .employment-opportunities-wash {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    background-color: rgb(11 103 56 / 0.8);
  }
  .employment-opportunities-panel-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--eo-pad);
  }
  .employment-opportunities-label {
    margin: 0px;
    font-family: var(--font-label, 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    text-transform: uppercase;
    font-size: 16px;
    line-height: 2;
    letter-spacing: var(--tracking-label);
    color: var(--color-brand-white, #ffffff);
    line-height: 1.5;
    text-shadow: var(--text-halo-dark);
  }
  .employment-opportunities-positions {
    margin: 0px;
    display: grid;
    list-style-type: none;
    padding: 0px;
    margin-top: 17px;
    column-gap: 24px;
    @media (min-width: 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (min-width: 1024px) and (max-width: 1279.98px) {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .employment-opportunities-position {
    display: flex;
    align-items: center;
    color: var(--color-brand-white, #ffffff);
    gap: 13px;
    text-shadow: var(--text-halo-dark);
    min-height: 40px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .employment-opportunities-marker {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: var(--color-neon-green);
    mask: var(--gvt-leaf) center / contain no-repeat;
    -webkit-mask: var(--gvt-leaf) center / contain no-repeat;
  }
  .employment-opportunities-button {
    width: 100%;
    margin-top: 48px;
    padding: 12px 18px 13px;
    background-color: var(--color-neon-green);
    &:hover {
      background-color: var(--color-brand-white, #ffffff);
      transform: none;
    }
    &[data-coming-soon]:hover {
      background-color: var(--color-neon-green);
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}



/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/services_list/view.css ***!
  \**********************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.services-list {
  z-index: 0;
  --sl-count: 9;
  --sl-row: clamp(40px, var(--sl-fit-row, 63px), calc(570px / var(--sl-count)));
  --sl-radius: 15px;
  --sl-visible: 6;
  --sl-top: 130px;
  --sl-card-h: 460px;
  --sl-leaf-up: 265px;
  --sl-leaf-left: 229px;
  --sl-leaf-w: 1450px;
  --sl-title-cap: clamp(18px, calc(570px / var(--sl-count) * 0.30), 22px);
  @media (max-width: 1535px) {
    --sl-leaf-left: 85px;
    --sl-leaf-w: 1293px;
  }
  --sl-dash: repeating-linear-gradient(
        to right,
        color-mix(in srgb, #c4c4c4 80%, transparent) 0 4.6px,
        transparent 4.6px 9.6px
    );
  @supports (color: color-mix(in lab, red, red)) {
    --sl-dash: repeating-linear-gradient(
        to right,
        color-mix(in srgb, var(--color-rule-dotted) 80%, transparent) 0 4.6px,
        transparent 4.6px 9.6px
    );
  }
  position: relative;
  padding-block: 50px;
  @media (max-height: 820px) {
    @media (min-width: 1024px) {
      padding-block: 26px 0;
    }
  }
  @media (min-width: 768px) {
    padding-block: 60px 70px;
  }
  @media (min-width: 1024px) {
    padding-block: 70px;
  }
  @media (min-width: 1536px) {
    padding-block: 100px;
  }
  .services-list-heading {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 26px;
    line-height: 1.33;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 30px;
    }
    @media (min-width: 1024px) {
      font-size: 32px;
    }
    @media (min-width: 1280px) {
      font-size: 36px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
  }
  .services-list-intro {
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    margin-top: 12px;
    max-width: 640px;
    @media (min-width: 1024px) {
      max-width: 66.6%;
    }
  }
  .services-list-items {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
  }
  .services-list-button {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    background-color: transparent;
    text-align: left;
    gap: 12px;
    border: 0;
    padding: 0;
    color: var(--color-charcoal-grey);
    transition: color 220ms ease;
    &:hover {
      color: var(--color-brand-text);
    }
    &:focus-visible {
      outline: 2px solid var(--color-forest-green);
      outline-offset: 4px;
      border-radius: 4px;
    }
    &[aria-current='true'] {
      color: var(--color-brand-text);
    }
  }
  .services-list-title {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 22px;
    line-height: 1.3;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 24px;
    }
    @media (min-width: 1280px) {
      font-size: 26px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: inherit;
    font-size: clamp(16px, calc(var(--sl-row) * 0.30), var(--sl-title-cap));
    line-height: 1.15;
  }
  .services-list-pointer {
    display: none;
  }
  .services-list-marker {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-color: var(--color-forest-green);
    mask: var(--gvt-leaf) center / contain no-repeat;
    -webkit-mask: var(--gvt-leaf) center / contain no-repeat;
    transition: opacity 220ms ease;
  }
  .services-list-button[aria-current='true'] .services-list-marker {
    opacity: 1;
  }
  .services-list-description {
    position: absolute;
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 16px;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 0.8);
  }
  .services-list-media {
    display: none;
  }
  .services-list-leaf {
    display: none;
  }
  .services-list-leaf[data-fade] {
    opacity: 0;
    transition: opacity 700ms ease;
    &[data-visible='true'] {
      opacity: 1;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .services-list-leaf[data-fade] {
      opacity: 1;
      transition: none;
    }
  }
  .services-list-leaf-hold {
    display: contents;
  }
  .services-list-image {
    position: absolute;
    inset: 0px;
    transform: translateY(calc((1 - var(--sl-slide, 1)) * 100%));
    will-change: transform;
  }
  &:not([data-pinned]) {
    .services-list-button {
      color: var(--color-brand-text);
      .services-list-marker {
        opacity: 1;
      }
    }
    .services-list-grid {
      position: relative;
      margin-top: 32px;
    }
    .services-list-item {
      position: relative;
      background-image: var(--sl-dash);
      background-size: 100% 1px;
      background-repeat: no-repeat;
      background-position: left top;
      padding-top: 24px;
      & + & {
        margin-top: 32px;
      }
    }
    .services-list-stacked-image {
      position: relative;
      overflow: hidden;
      margin-top: 20px;
      height: 401px;
      border-radius: var(--sl-radius);
      background-color: var(--color-light-grey);
      @media (max-width: 767px) {
        height: 320px;
      }
    }
    .services-list-leaf-hold {
      position: absolute;
      display: block;
      inset: 0;
    }
    .services-list-leaf {
      pointer-events: none;
      display: block;
      -webkit-user-select: none;
      user-select: none;
      position: sticky;
      top: 22vh;
      z-index: -1;
      max-width: none;
      margin-left: 34vw;
      width: 150vw;
      height: calc(150vw / 1.451);
    }
  }
  &[data-pinned] {
    padding-block: 26px 0;
    @media (min-width: 768px) {
      padding-block: 36px 0;
    }
    @media (min-width: 1024px) {
      padding-block: 38px 0;
    }
    @media (min-width: 1536px) {
      padding-block: 68px 0;
    }
    .services-list-track {
      position: relative;
    }
    .services-list-stage {
      position: relative;
      padding-block: 24px;
      @media (min-width: 1024px) {
        padding-block: 32px;
      }
      > .container {
        padding-inline: calc(16px + 14px);
        @media (min-width: 768px) {
          padding-inline: calc(25px + 24px);
        }
        @media (min-width: 1024px) {
          padding-inline: calc(30px + 26px);
        }
        @media (min-width: 1536px) {
          padding-inline: calc(60px + 26px);
        }
      }
    }
  }
  &[data-settling] {
    .services-list-items,
        .services-list-pointer,
        .services-list-image {
      transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }
  }
  &[data-pinned='lg'] {
    .services-list-grid {
      position: relative;
      display: grid;
      align-items: flex-start;
      margin-top: 32px;
      grid-template-columns: 408px minmax(0, 1fr);
      column-gap: 7px;
      @media (min-width: 1536px) {
        column-gap: 150px;
      }
    }
    .services-list-window {
      position: relative;
      overflow: hidden;
      height: calc(var(--sl-visible) * var(--sl-row));
    }
    .services-list-items {
      transform: translateY(calc(var(--sl-offset, 0) * var(--sl-row) * -1));
    }
    .services-list-button .services-list-marker {
      visibility: hidden;
    }
    .services-list-pointer {
      pointer-events: none;
      position: absolute;
      left: 0px;
      display: block;
      top: 0;
      width: 24px;
      height: 24px;
      background-color: var(--color-forest-green);
      mask: var(--gvt-leaf) center / contain no-repeat;
      -webkit-mask: var(--gvt-leaf) center / contain no-repeat;
      transform: translateY(
                calc(
                    (var(--sl-progress, 0) - var(--sl-offset, 0)) * var(--sl-row)
                    + (var(--sl-row) - 24px) / 2
                )
            );
    }
    .services-list-item {
      display: flex;
      align-items: center;
      height: var(--sl-row);
      background-image: var(--sl-dash);
      background-size: 100% 1px;
      background-repeat: no-repeat;
      background-position: left top;
      &:last-child {
        background-image: var(--sl-dash), var(--sl-dash);
        background-size: 100% 1px, 100% 1px;
        background-repeat: no-repeat, no-repeat;
        background-position: left top, left bottom;
      }
    }
    .services-list-stacked-image {
      display: none;
    }
    .services-list-item .services-list-description {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .services-list-media .services-list-description {
      left: 4%;
      right: auto;
      bottom: 5.7%;
      width: 57.4%;
      padding: 20px;
    }
    .services-list-media {
      position: relative;
      display: block;
      overflow: hidden;
      height: clamp(340px, var(--sl-fit-media, 543px), 543px);
      border-radius: var(--sl-radius);
      background-color: var(--color-light-grey);
      @media (min-width: 1536px) {
        height: clamp(340px, var(--sl-fit-media, 582px), 582px);
      }
    }
    .services-list-leaf {
      pointer-events: none;
      position: absolute;
      display: block;
      -webkit-user-select: none;
      user-select: none;
      max-width: none;
      z-index: -1;
      top: calc(-1 * var(--sl-leaf-up));
      left: calc(408px + 7px - var(--sl-leaf-left));
      width: var(--sl-leaf-w);
      aspect-ratio: 1462.9 / 1008.2;
      @media (min-width: 1536px) {
        left: calc(408px + 150px - var(--sl-leaf-left));
      }
    }
  }
  &[data-background='grey'],
    &[data-background='green'] {
    padding-block: 0;
    .services-list-stage {
      position: relative;
      z-index: 0;
      border-radius: var(--sl-radius);
      clip-path: inset(0 round var(--sl-radius));
      --sl-gutter: 16px;
      width: calc(100% - 2 * var(--sl-gutter));
      margin-inline: auto;
      padding-block: 32px;
      @media (min-width: 640px) {
        max-width: 608px;
      }
      @media (min-width: 768px) {
        --sl-gutter: 25px;
        max-width: 718px;
      }
      @media (min-width: 1024px) {
        --sl-gutter: 30px;
        max-width: 964px;
        padding-block: 44px;
      }
      @media (min-width: 1280px) {
        max-width: 1220px;
      }
      @media (min-width: 1536px) {
        --sl-gutter: 60px;
        max-width: 1416px;
      }
      > .container {
        max-width: none;
      }
    }
  }
  &[data-background='grey'] .services-list-stage {
    background-color: var(--color-section-grey);
  }
  &[data-background='green'] .services-list-stage {
    background-color: var(--color-section-lime);
  }
}
@media (prefers-reduced-motion: reduce) {
  .services-list .services-list-items,
    .services-list .services-list-image,
    .services-list .services-list-marker {
    transition: none;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}



/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/customer_cards/view.css ***!
  \***********************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.customer-cards {
  --cc-radius: 15px;
  --cc-cover: 0;
  --cc-card-h: 401px;
  --cc-main-pb: 76px;
  @media (min-width: 768px) {
    --cc-main-pb: 96px;
  }
  @media (min-width: 1024px) {
    --cc-card-h: 475px;
    --cc-main-pb: 116px;
  }
  @media (min-width: 1536px) {
    --cc-main-pb: 148px;
  }
  position: relative;
  z-index: 2;
  padding-block: 50px 0;
  @media (min-width: 768px) {
    padding-block: 60px 0;
  }
  @media (min-width: 1024px) {
    padding-block: 70px 0;
  }
  @media (min-width: 1536px) {
    padding-block: 86px 0;
  }
  .customer-cards-main > .container {
    padding-inline: calc(16px + 14px);
    @media (min-width: 768px) {
      padding-inline: calc(25px + 24px);
    }
    @media (min-width: 1024px) {
      padding-inline: calc(30px + 26px);
    }
    @media (min-width: 1536px) {
      padding-inline: calc(60px + 42px) calc(60px + 40px);
    }
  }
  .customer-cards-stack {
    position: relative;
    overflow: clip;
  }
  &[data-cover='on'] {
    .customer-cards-stack {
      position: sticky;
      top: var(--cc-pin-top, 0px);
    }
    .customer-cards-runway {
      height: var(--cc-travel, 0px);
    }
  }
  .customer-cards-main {
    position: relative;
    padding-bottom: var(--cc-main-pb);
  }
  .customer-cards-heading {
    margin: 0px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 26px;
    line-height: 1.33;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 30px;
    }
    @media (min-width: 1024px) {
      font-size: 32px;
    }
    @media (min-width: 1280px) {
      font-size: 36px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
  }
  .customer-cards-intro {
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-text, var(--color-brand-black));
    margin-top: 20px;
    max-width: 740px;
  }
  .customer-cards-grid {
    margin: 0px;
    display: grid;
    list-style-type: none;
    padding: 0px;
    margin-top: 46px;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr);
    @media (min-width: 768px) {
      grid-template-columns: repeat(var(--cc-cols, 2), minmax(0, 1fr));
    }
  }
  .customer-cards-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    min-height: var(--cc-card-h);
    border-radius: var(--cc-radius);
    background-color: var(--color-light-grey);
  }
  .customer-cards-scrim {
    position: absolute;
    inset-inline: 0px;
    bottom: 0px;
    height: 72%;
    background: linear-gradient(
            to bottom,
            rgb(42 46 27 / 0) 0%,
            rgb(42 46 27 / 0.55) 45%,
            rgb(42 46 27 / 0.88) 100%
        );
  }
  .customer-cards-body {
    position: relative;
    padding: 0 20px 20px;
    @media (min-width: 1536px) {
      padding: 0 26px 34px;
    }
  }
  .customer-cards-title {
    margin: 0px;
    display: flex;
    align-items: flex-start;
    padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 22px;
    line-height: 1.3;
    overflow-wrap: break-word;
    @media (min-width: 768px) {
      font-size: 24px;
    }
    @media (min-width: 1280px) {
      font-size: 26px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    color: var(--color-brand-white, #ffffff);
    gap: 10px;
    padding-bottom: 12px;
    text-shadow: var(--text-halo-dark);
  }
  .customer-cards-marker {
    display: block;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-top: 0.15em;
    background-color: var(--color-neon-green);
    &[data-theme='dark'] {
      background-color: var(--color-forest-green);
    }
    &[data-theme='black'] {
      background-color: var(--color-brand-black);
    }
    mask: var(--gvt-leaf) center / contain no-repeat;
    -webkit-mask: var(--gvt-leaf) center / contain no-repeat;
  }
  .customer-cards-text {
    margin: 0px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-brand-text, var(--color-brand-black));
    font-size: 16px;
    line-height: 1.5;
    &:last-child {
      margin-bottom: 0px;
    }
    color: var(--color-brand-white, #ffffff);
    text-shadow: var(--text-halo-dark);
    > :first-child {
      margin-top: 0;
    }
    > :last-child {
      margin-bottom: 0;
    }
  }
  .customer-cards-cta {
    position: relative;
    overflow: hidden;
    z-index: 2;
    min-height: 420px;
    border-radius: var(--cc-radius);
    background-color: var(--color-neon-green);
    &[data-theme='black'] {
      background-color: var(--color-brand-black);
    }
    &[data-theme='white'] {
      background-color: var(--color-brand-white);
    }
  }
  .customer-cards-cta-photo,
    .customer-cards-cta-front {
    pointer-events: none;
    position: absolute;
    inset: 0px;
  }
  .customer-cards-cta-front {
    z-index: 3;
  }
  .customer-cards-cta-photo {
    img {
      object-position: bottom;
    }
    &[data-theme='lime'] {
      background-color: var(--color-neon-green);
      img {
        mix-blend-mode: soft-light;
      }
    }
    &[data-theme='dark'] {
      background-color: var(--color-forest-green);
      img {
        mix-blend-mode: darken;
      }
    }
    &[data-theme='black'] {
      background-color: var(--color-brand-black);
      img {
        mix-blend-mode: normal;
      }
      &::after {
        content: '';
        pointer-events: none;
        position: absolute;
        inset: 0px;
        background-color: rgb(42 46 27 / 0.45);
      }
    }
    &[data-theme='white'] {
      background-color: var(--color-brand-white);
      img {
        mix-blend-mode: normal;
      }
      &::after {
        content: '';
        pointer-events: none;
        position: absolute;
        inset: 0px;
        background-color: rgb(255 255 255 / 0.18);
      }
    }
  }
  .customer-cards-cta-photo-one {
    z-index: 1;
  }
  .customer-cards-cta-photo-two {
    z-index: 0;
  }
  [data-cta-sequence='on'] {
    .customer-cards-cta-photo-one {
      clip-path: inset(0 calc(var(--cc-wipe, 0) * 100%) 0 0);
    }
    .customer-cards-cta-photo-two {
      clip-path: inset(0 0 0 calc((1 - var(--cc-wipe, 0)) * 100%));
    }
  }
  .customer-cards-cta-heading {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 2;
  }
  .customer-cards-cta-statement {
    pointer-events: auto;
    position: absolute;
    margin: 0px;
    font-family: var(--font-display, 'Space Grotesk', var(--font-sans));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    z-index: 2;
    color: var(--color-brand-black);
    line-height: 1.1429;
    &[data-theme='dark'] {
      color: var(--color-neon-green);
    }
    &[data-theme='black'] {
      color: var(--color-brand-white);
      text-shadow: var(--text-halo-dark-soft);
    }
    &[data-theme='white'] {
      text-shadow: var(--text-halo-light-soft);
    }
    font-size: 28px;
    @media (min-width: 640px) {
      font-size: 34px;
    }
    @media (min-width: 768px) {
      font-size: 40px;
    }
    @media (min-width: 1024px) {
      font-size: 48px;
    }
    @media (min-width: 1280px) {
      font-size: 58px;
    }
    @media (min-width: 1536px) {
      font-size: max(70px, 4.557vw);
    }
  }
  .customer-cards-cta-statement-one {
    left: 3.906%;
    top: 16.82%;
    max-width: 50.91%;
    @media (min-width: 1280px) and (max-width: 1535.98px) {
      max-width: 560px;
    }
  }
  .customer-cards-cta-statement-two {
    right: 5.404%;
    top: 62.79%;
    max-width: 65.17%;
    text-align: right;
  }
  .customer-cards-cta-word {
    display: inline-block;
    white-space: nowrap;
  }
  .customer-cards-cta-char {
    display: inline-block;
  }
  .customer-cards-cta[data-sequence-ready='on'] .customer-cards-cta-char {
    opacity: 0;
    transform: translateY(0.4em);
    transition: opacity 420ms ease calc(var(--i) * 22ms),
                    transform 640ms cubic-bezier(0.22, 1, 0.36, 1) calc(var(--i) * 22ms);
  }
  .customer-cards-cta-statement[data-text='in'] .customer-cards-cta-char {
    opacity: 1;
    transform: none;
  }
  .customer-cards-cta-statement[data-text='out'] .customer-cards-cta-char {
    transition: opacity 260ms ease, transform 260ms ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .customer-cards-cta[data-sequence-ready='on'] .customer-cards-cta-char {
      opacity: 1;
      transform: none;
      transition: none;
    }
    [data-cta-sequence='on'] .customer-cards-cta-photo-one {
      clip-path: none;
    }
  }
  .customer-cards-cta-action {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 4;
    @media (min-width: 640px) {
      top: 18px;
    }
    @media (min-width: 768px) {
      top: 8px;
    }
    @media (min-width: 1024px) {
      top: 31px;
    }
    @media (min-width: 1280px) {
      top: 27px;
    }
    @media (min-width: 1536px) {
      top: calc(min(27px, calc(27px - 1.08 * (4.861vw - 84px))) - 0.088 * max(0px, (47.527vw - 821px)));
    }
  }
  &[data-cover='on'] .customer-cards-cta {
    position: absolute;
    inset-inline: 0px;
    bottom: 0px;
    min-height: 0;
    height: calc(var(--cc-card-h) + var(--cc-main-pb));
    max-height: 100vh;
    transform: translateY(calc((1 - var(--cc-cover)) * 100%));
    will-change: transform;
    @media (min-width: 768px) {
      height: 100%;
    }
  }
}
.site-footer-main {
  --cc-overlap: 24px;
  margin-top: calc(-1 * var(--cc-overlap));
  padding-block: calc(40px + var(--cc-overlap)) 44px;
  @media (min-width: 768px) {
    --cc-overlap: 32px;
    padding-block: calc(32px + var(--cc-overlap)) 48px;
  }
  @media (min-width: 1024px) {
    --cc-overlap: 40px;
    padding-block: calc(40px + var(--cc-overlap)) 48px;
  }
  @media (min-width: 1536px) {
    --cc-overlap: 46px;
    padding-block: calc(80px + var(--cc-overlap)) 80px;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}