html.cf-theme-dark {
    color-scheme: dark;
}
:root {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --bg-primary: #121212;
    --bg-secondary: #171717;
    --bg-tertiary: #262626;
    --bg-quinary: #303030;
    --bg-quartnerary: #7C7C7C;
    --text: #FFFFFF;
    --text-detail: #9B9B9B;
    --text-dark: #121212;
    --border-primary: #262626;
    --border-secondary: #272727;
    --border-tertiary: #7C7C7C;
    --success-bg: #d3efcf;
    --success-bg-d-1: #b3d3ae;
    --success-bg-d-2: #637061;
    --success-bg-d-3: #333932;
    --success: #27771D;
    --error-bg: #fff1f4;
    --error-bg-d-1: #b8adaf;
    --error-bg-d-2: #766f71;
    --error-bg-d-3: #3c393a;
    --error: #cd2340;
    --white: #fff;
    --white-5: #ffffff0d;
    --white-10: #ffffff1a;
    --white-20: #ffffff33;
    --white-30: #ffffff4d;
    --white-40: #ffffff66;
    --white-50: #ffffff80;
    --white-60: #ffffff99;
    --white-70: #ffffffb3;
    --white-80: #ffffffcc;
    --white-90: #ffffffe6;
    --space-10xs: clamp(0.09rem, calc(0.1vw + 0.07rem), 0.15rem);
    --space-9xs: clamp(0.11rem, calc(0.12vw + 0.08rem), 0.19rem);
    --space-8xs: clamp(0.13rem, calc(0.15vw + 0.1rem), 0.23rem);
    --space-7xs: clamp(0.17rem, calc(0.19vw + 0.13rem), 0.29rem);
    --space-6xs: clamp(0.21rem, calc(0.23vw + 0.16rem), 0.37rem);
    --space-5xs: clamp(0.26rem, calc(0.29vw + 0.2rem), 0.46rem);
    --space-4xs: clamp(0.33rem, calc(0.36vw + 0.26rem), 0.57rem);
    --space-3xs: clamp(0.41rem, calc(0.46vw + 0.32rem), 0.72rem);
    --space-2xs: clamp(0.51rem, calc(0.57vw + 0.4rem), 0.9rem);
    --space-xs: clamp(0.64rem, calc(0.71vw + 0.5rem), 1.12rem);
    --space-s: clamp(0.8rem, calc(0.89vw + 0.62rem), 1.4rem);
    --space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
    --space-l: clamp(1.25rem, calc(1.39vw + 0.97rem), 2.19rem);
    --space-xl: clamp(1.56rem, calc(1.74vw + 1.22rem), 2.73rem);
    --space-2xl: clamp(1.95rem, calc(2.17vw + 1.52rem), 3.42rem);
    --space-3xl: clamp(2.44rem, calc(2.71vw + 1.9rem), 4.27rem);
    --space-4xl: clamp(3.05rem, calc(3.39vw + 2.37rem), 5.34rem);
    --space-5xl: clamp(3.81rem, calc(4.24vw + 2.97rem), 6.68rem);
    --space-6xl: clamp(4.77rem, calc(5.3vw + 3.71rem), 8.34rem);
    --space-7xl: clamp(5.96rem, calc(6.62vw + 4.64rem), 10.43rem);
    --space-8xl: clamp(7.45rem, calc(8.28vw + 5.79rem), 13.04rem);
    --space-9xl: clamp(9.31rem, calc(10.35vw + 7.24rem), 16.3rem);
    --space-10xl: clamp(11.64rem, calc(12.94vw + 9.05rem), 20.37rem);
    --text-xs: clamp(0.48rem, calc(0.12vw + 0.46rem), 0.56rem);
    --text-s: clamp(0.6rem, calc(0.15vw + 0.57rem), 0.7rem);
    --text-m: clamp(0.75rem, calc(0.19vw + 0.71rem), 0.88rem);
    --text-l: clamp(0.94rem, calc(0.23vw + 0.89rem), 1.09rem);
    --text-xl: clamp(1.17rem, calc(0.29vw + 1.11rem), 1.37rem);
    --text-2xl: clamp(1.47rem, calc(0.36vw + 1.39rem), 1.71rem);
    --text-3xl: clamp(1.83rem, calc(0.45vw + 1.74rem), 2.14rem);
    --text-4xl: clamp(2.29rem, calc(0.57vw + 2.18rem), 2.67rem);
    --text-5xl: clamp(2.86rem, calc(0.71vw + 2.72rem), 3.34rem);
    --body-typeface: "Geist", sans-serif;
    --header-typeface: "Geist", sans-serif;
    --section-padding: var(--space-5xl);
    --gutter: clamp(.75rem,calc(3vw + 0.1553677932rem),2.75rem);
    --transition: all .3s ease;
    --border-4xs: 2px;
    --border-3xs: 4px;
    --border-2xs: 6px;
    --border-xs: 8px;
    --border-s: 12px;
    --border-m: 16px;
    --border-l: 20px;
    --border-2xl: 24px;
    --border-3xl: 32px;
    --border-4xl: 64px;
    --border-circle: 100px;
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark {
    --bg-secondary: #be3c47;
    --bg-tertiary: #262626;
    --bg-quinary: #303030;
    --bg-quartnerary: #77bb92;
    --text-dark: #ccdd6e;
    --border-primary: #1b1b23;
    --border-secondary: #262636;
    --border-tertiary: #44ee7d;
    --white: #1d5341;
    --white-5: #1d53410d;
    --white-10: #1d53411a;
    --white-20: #1d534133;
    --white-30: #1d53414d;
    --white-40: #1d534166;
    --white-50: #1d534180;
    --white-60: #1d534199;
    --white-70: #1d5341b3;
    --white-80: #1d5341cc;
    --white-90: #1d5341e6;
}
/* Color System */
/* Fluid Spacing */
/* Fluid Typography */
/* Type */
body {
    font-family: var(--body-typeface);
    color: var(--text-body);
    line-height: 1.5;
    font-size: var(--text-m);
}
H1, H2, H3, H4, H5, H6 {
    font-family: var(--header-typeface);
    color: var(--text-header);
}
H1 {
    font-size: var(--text-5xl);
    line-height: 100%;
    font-weight: 700;
}
H2 {
    font-size: var(--text-3xl);
    line-height: 1.1;
    font-weight: 700;
}
H3 {
    font-size: var(--text-2xl);
    line-height: 1.2;
    font-weight: 700;
}
H4 {
    font-size: var(--text-xl);
    line-height: 1.3;
    font-weight: 700;
}
H5 {
    font-size: var(--text-l);
    line-height: 1.3;
    font-weight: 700;
}
H6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
/* Headers */
/* Typefaces */
/* Contextual Spacing Classes */
.brxe-section {
    padding: var(--section-padding) var(--gutter);
}
/* Contextual Spacing */
/*  */
/* Transition */
/* Border Radius */
/* Z-Index */
.z--1 {
    z-index: -1;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-100 {
    z-index: 100;
}
.z-1000 {
    z-index: 1000;
}
.z-10000 {
    z-index: 10000;
}
@media (max-width: 768px) {
    H1 {
        font-size: var(--text-4xl);
        line-height: 1.05;
    }
    H2 {
        font-size: var(--text-2xl);
        line-height: 1.2;
    }
}
@media (max-width: 480px) {
    :root {
        --section-padding: var(--space-3xl);
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

/* Custom Stylesheets */
/* === Form Messages === */

.brxe-form .message, .brxe-brf-pro-forms  .message {
  border: 1px solid gray;
}

.brxe-form .message.success, .brxe-brf-pro-forms  .message.success {
    background-color: var(--success-bg);
    border-color: var(--success-bg-d-1);
    color: var(--success);
}

.brxe-form .message.error, .brxe-brf-pro-forms  .message.error {
    background-color: var(--error-bg);
    border-color: var(--error-bg-d-1);
    color: var(--error);
}



/* === Misc === */

.brxe-container {
  width: var(--max-screen-width);
}

.skip-link:focus-visible {
  clip: auto;
  height: auto;
  width: fit-content;
  overflow: visible;
  z-index: 10001;
}

:where(.brxe-form) .required:after {
  color: var(--error);
}