:where(:root) .bricks-color-primary {color: var(--navy-primary)}:where(:root) .bricks-background-primary {background-color: var(--navy-primary)}:where(:root) .bricks-color-secondary {color: var(--sky-accent)}:where(:root) .bricks-background-secondary {background-color: var(--sky-accent)}:where(:root) .bricks-color-light {color: var(--sky-accent)}:where(:root) .bricks-background-light {background-color: var(--sky-accent)}:where(:root) .bricks-color-dark {color: var(--navy-primary)}:where(:root) .bricks-background-dark {background-color: var(--navy-primary)}:where(:root) * {border-color: var(--border-color)} html {font-size: 100%} body {font-family: "DM Sans"; font-size: 1rem; line-height: 1.7} h1, h2, h3, h4, h5, h6 {font-family: "Fraunces"} h1 {font-size: 3.5rem; line-height: 1.2; font-weight: 900} h2 {font-weight: 700; font-size: 2.5rem; line-height: 1.15; font-family: "Fraunces"} h3 {font-family: "Fraunces"; font-weight: 700; font-size: 1.875rem; line-height: 1.2} h4 {font-family: "Fraunces"; font-weight: 700; font-size: 1.375rem; line-height: 1.3} h5 {font-family: "DM Sans"; line-height: 1.4; font-size: 1.125rem; font-weight: 600} h6 {font-size: 1rem; font-family: "DM Sans"; font-weight: 600; line-height: 1.5} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--navy-primary)} .bricks-button {color: var(--white); border: 1px solid var(--navy-primary); border-radius: 10px} .bricks-button.outline {background-color: var(--transparent); border: 1px solid var(--navy-primary); border-radius: 10px; color: var(--navy-primary)} :root .bricks-button[class*="primary"] {color: var(--white); border: 1px solid var(--navy-primary); border-radius: 10px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--navy-primary)} :root .bricks-button[class*="primary"].outline {background-color: var(--transparent); border: 1px solid var(--navy-primary); border-radius: 10px; color: var(--navy-primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--sky-accent)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--sky-accent); border-radius: 10px; color: var(--navy-primary)} :root .bricks-button[class*="secondary"].outline {background-color: var(--transparent); color: var(--navy-primary); border: 1px solid var(--sky-dark); border-radius: 10px} .brxe-container {row-gap: 10px; column-gap: 10px} .brxe-block {column-gap: 10px; row-gap: 10px}@media (max-width: 991px) { h1 {font-size: 3rem} h2 {font-size: 2rem} h3 {font-size: 1.5rem} h5 {font-size: 1rem}}@media (max-width: 478px) { h1 {font-size: 2.5rem} h2 {font-size: 1.8rem} h3 {font-size: 1.3rem} h4 {font-size: 1rem}}