/* File: automatic.css - Version: 3.3.5 - Generated: 2025-10-21 18:23:34 */
.overflow-detection *:not(#wpadminbar, #wpadminbar *), .overflow-detection *:not(#wpadminbar, #wpadminbar *)::before, .overflow-detection *:not(#wpadminbar, #wpadminbar *)::after {
  outline: 2px solid crimson !important;
  background: color-mix(in oklab, crimson, transparent 97%) !important;
}
:root, .color-scheme--main {
  --primary-hex: #b58d58;
  --primary-hsl: 34 39% 53%;
  --primary-rgb: 181 141 88;
  --primary-r: 181;
  --primary-g: 141;
  --primary-b: 88;
  --primary-h: 34;
  --primary-s: 39%;
  --primary-l: 53%;
  --primary-hover-h: 34;
  --primary-hover-s: 39%;
  --primary-hover-l: 61%;
  --primary-ultra-light-h: 34;
  --primary-ultra-light-s: 39%;
  --primary-ultra-light-l: 95%;
  --primary-light-h: 34;
  --primary-light-s: 39%;
  --primary-light-l: 85%;
  --primary-semi-light-h: 34;
  --primary-semi-light-s: 39%;
  --primary-semi-light-l: 65%;
  --primary-semi-dark-h: 34;
  --primary-semi-dark-s: 39%;
  --primary-semi-dark-l: 35%;
  --primary-dark-h: 34;
  --primary-dark-s: 39%;
  --primary-dark-l: 25%;
  --primary-ultra-dark-h: 34;
  --primary-ultra-dark-s: 39%;
  --primary-ultra-dark-l: 10%;
  --primary: #b58d58;
  --primary-hover: #c2a175;
  --primary-ultra-light: #f7f3ed;
  --primary-light: #e8dbca;
  --primary-semi-light: #c9aa83;
  --primary-semi-dark: #7c5e36;
  --primary-dark: #594327;
  --primary-ultra-dark: #231b10;
  --white: #fff;
  --black: #000;
  --primary-trans-10: rgba(181, 141, 88, 0.1);
  --primary-trans-20: rgba(181, 141, 88, 0.2);
  --primary-trans-30: rgba(181, 141, 88, 0.3);
  --primary-trans-40: rgba(181, 141, 88, 0.4);
  --primary-trans-50: rgba(181, 141, 88, 0.5);
  --primary-trans-60: rgba(181, 141, 88, 0.6);
  --primary-trans-70: rgba(181, 141, 88, 0.7);
  --primary-trans-80: rgba(181, 141, 88, 0.8);
  --primary-trans-90: rgba(181, 141, 88, 0.9);
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-30: rgba(255, 255, 255, 0.3);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-50: rgba(255, 255, 255, 0.5);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-70: rgba(255, 255, 255, 0.7);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-30: rgba(0, 0, 0, 0.3);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-50: rgba(0, 0, 0, 0.5);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-70: rgba(0, 0, 0, 0.7);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
  --bg-ultra-light: var(--neutral-ultra-light);
  --bg-light: var(--neutral-light);
  --bg-dark: var(--neutral-dark);
  --bg-ultra-dark: var(--neutral-ultra-dark);
  --text-light: var(--white);
  --text-light-muted: var(--white-trans-80);
  --text-dark: var(--black);
  --text-dark-muted: var(--black-trans-80);
  --body-bg-color: var(--white);
  --body-color: var(--text-dark);
}
:root {
  --on: initial;
  --off: ;
  --section-padding-x: 1.25rem;
  --section-padding-block: var(--section-space-m);
  --section-gutter: 1.25rem;
  --gutter: 1.25rem;
  --text-xs: 1.26rem;
  --text-s: 1.42rem;
  --text-m: 1.8rem;
  --text-l: 2.025rem;
  --text-xl: 2.28rem;
  --text-xxl: 2.565rem;
  --root-font-size: 100%;
  --h6: 1.26rem;
  --h5: 1.42rem;
  --h4: 1.8rem;
  --h3: 2.025rem;
  --h2: 2.28rem;
  --h1: 2.565rem;
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --content-width: 80rem;
  --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
  --width-xs: calc(var(--content-width) * 0.1);
  --width-s: calc(var(--content-width) * 0.2);
  --width-m: calc(var(--content-width) * 0.4);
  --width-l: calc(var(--content-width) * 0.6);
  --width-xl: calc(var(--content-width) * 0.8);
  --width-xxl: calc(var(--content-width) * 0.9);
  --width-vp-max: calc(var(--content-width) * 1);
  --width-content: calc(var(--content-width) * 1);
  --width-full: calc(var(--content-width) * 100%);
  --width-10: calc(var(--content-width) * 0.1);
  --width-20: calc(var(--content-width) * 0.2);
  --width-30: calc(var(--content-width) * 0.3);
  --width-40: calc(var(--content-width) * 0.4);
  --width-50: calc(var(--content-width) * 0.5);
  --width-60: calc(var(--content-width) * 0.6);
  --width-70: calc(var(--content-width) * 0.7);
  --width-80: calc(var(--content-width) * 0.8);
  --width-90: calc(var(--content-width) * 0.9);
  --focus-color: var(--primary);
  --focus-width: 2px;
  --focus-offset: 2px;
  --box-shadow-m: 0 0 40px var(--black-trans-10);
  --box-shadow-l: 0 0 60px var(--black-trans-20);
  --box-shadow-xl: 0 0 80px var(--black-trans-30);
  --box-shadow-1: 0 0 40px var(--black-trans-10);
  --box-shadow-2: 0 0 60px var(--black-trans-20);
  --box-shadow-3: 0 0 80px var(--black-trans-30);
  --admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
  --text-xxl-max-width: 100%;
  --text-xl-max-width: 100%;
  --text-l-max-width: 100%;
  --text-m-line-height: calc(6px + 2ex);
  --text-m-max-width: 100%;
  --text-s-max-width: 100%;
  --text-xs-max-width: 100%;
  --base-text-lh: calc(6px + 2ex);
  --heading-font-family: Roboto Condensed, sans serif;
  --heading-line-height: calc(4px + 2ex);
  --heading-font-weight: 700;
  --heading-text-wrap: pretty;
  --base-heading-lh: calc(4px + 2ex);
  --h1-max-width: 100%;
  --h2-max-width: 100%;
  --h3-max-width: 100%;
  --h4-line-height: calc(4px + 2ex);
  --h4-max-width: 100%;
  --h5-max-width: 100%;
  --h6-max-width: 100%;
  --text-font-family: Cabin;
  --text-color: var(--text-dark);
  --text-line-height: calc(6px + 2ex);
  --text-text-wrap: pretty;
}
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}
:root {
  --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));
  --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));
  --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));
  --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));
  --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));
  --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));
  --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));
  --auto-grid-aggressiveness: 0.7;
}
:root {
  --header-height: 0rem;
  --header-height-xl: 0rem;
  --header-height-l: 0rem;
  --header-height-m: 0rem;
  --header-height-s: 0rem;
}
@media (max-width: 1280px) {
  :root {
    --header-height: var(--header-height-xl);
  }
}
@media (max-width: 992px) {
  :root {
    --header-height: var(--header-height-l);
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: var(--header-height-m);
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: var(--header-height-s);
  }
}
:root {
  --option-primary-btn-outline: on;
  --option-secondary-btn-outline: on;
  --btn-padding-block: 0.5em;
  --btn-padding-inline: 0.5em;
  --btn-min-width: 8.75rem;
  --btn-line-height: 1;
  --btn-font-weight: 400;
  --btn-font-style: normal;
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-letter-spacing: 0;
  --btn-text-transform: capitalize;
  --btn-border-width: 2px;
  --btn-outline-border-width: 2px;
  --btn-border-style: solid;
  --btn-border-radius: var(--radius);
  --btn-justify-content: center;
  --btn-text-align: center;
}
/* Deprecated in ACSS 2.7 */
:root {
  --btn-border-size: 2px;
  --btn-radius: var(--radius);
  --outline-btn-border-size: 2px;
  --btn-pad-x: 0.5em;
  --btn-pad-y: 0.5em;
  --btn-text-style: normal;
  --btn-weight: 400;
  --btn-width: 8.75;
}
:root {
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
  --link-transition: var(--transition);
  --link-decoration: inherit;
  --link-decoration-hover: inherit;
  --link-underline-offset: auto;
  --link-weight: inherit;
}
:root {
  --col-width-s: 13rem;
  --col-width-m: 25rem;
  --col-width-l: 38rem;
  --col-rule-width-s: 0.5px;
  --col-rule-width-m: 1px;
  --col-rule-width-l: 3px;
}
:root {
  --sticky-s: 2.5%;
  --sticky-m: 5%;
  --sticky-l: 10%;
}
:root {
  --content-gap: var(--space-m);
  --fr-content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --fr-container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
  --fr-grid-gap: var(--space-m);
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-light-button: primary;
  --bg-light-button: primary;
  --bg-dark-button: primary;
  --bg-ultra-dark-button: primary;
}
:root {
  --radius: 8px;
  --radius-50: 50%;
  --radius-circle: 50vw;
  --radius-none: 0;
  --radius-m: var(--radius);
  --border-size: 1px;
  --border-width: 1px;
  --border-style: solid;
  --border-color-dark: var(--black-trans-20);
  --border-color-light: var(--white-trans-20);
  --border: var(--border-size) var(--border-style) var(--border-color-dark);
  --border-light: var(--border-size) var(--border-style) var(--border-color-light);
  --border-dark: var(--border-size) var(--border-style) var(--border-color-dark);
}
:root {
  --divider-size: 1px;
  --divider-style: solid;
  --divider-inline-size: 100%;
  --divider-gap: var(--content-gap);
  --divider-color-dark: var(--black-trans-20);
  --divider-color-light: var(--white-trans-20);
  --divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
  --divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
  --divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);
}
:root {
  --transition-duration: 0.3s;
  --transition-timing: ease-in-out;
  --transition-delay: 0s;
  --transition: background var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border var(--transition-duration) var(--transition-timing) var(--transition-delay), translate var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
body.boxed-layout {
  inline-size: 100%;
  max-inline-size: var(--body-max-width, 1920px);
  box-shadow: var(--body-box-shadow, 0 0 80px 0 var(--neutral-trans-20));
  border-color: var(--body-border-color, transparent);
  border-style: var(--body-border-style, none);
  border-width: var(--body-border-width, 0);
  border-radius: var(--body-border-radius, 0);
  margin-block-start: var(--body-margin-top, 0) !important;
  margin-inline: auto !important;
}
body.boxed-layout header.sticky > *, body.boxed-layout #brx-header.sticky.sticky > * {
  width: var(--boxed-width);
  margin-inline: auto;
}
[id] {
  scroll-margin-top: var(--offset, 0);
}
html {
  font-size: var(--root-font-size) !important;
}
:root {
  interpolate-size: allow-keywords;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-block-size: 100vh;
}
input, button, textarea, select {
  font: inherit;
}
:where(dd) {
  margin-inline-start: 0;
}
:focus {
  outline: none;
  box-shadow: none;
}
:focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
  :focus {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
}
*:focus.focus--primary {
  --focus-color: var(--primary);
}
.focus--primary *:focus, .focus--primary:focus-within {
  --focus-color: var(--primary);
}
*:focus.focus--primary-hover {
  --focus-color: var(--primary-hover);
}
.focus--primary-hover *:focus, .focus--primary-hover:focus-within {
  --focus-color: var(--primary-hover);
}
*:focus.focus--primary-ultra-light {
  --focus-color: var(--primary-ultra-light);
}
.focus--primary-ultra-light *:focus, .focus--primary-ultra-light:focus-within {
  --focus-color: var(--primary-ultra-light);
}
*:focus.focus--primary-light {
  --focus-color: var(--primary-light);
}
.focus--primary-light *:focus, .focus--primary-light:focus-within {
  --focus-color: var(--primary-light);
}
*:focus.focus--primary-semi-light {
  --focus-color: var(--primary-semi-light);
}
.focus--primary-semi-light *:focus, .focus--primary-semi-light:focus-within {
  --focus-color: var(--primary-semi-light);
}
*:focus.focus--primary-semi-dark {
  --focus-color: var(--primary-semi-dark);
}
.focus--primary-semi-dark *:focus, .focus--primary-semi-dark:focus-within {
  --focus-color: var(--primary-semi-dark);
}
*:focus.focus--primary-dark {
  --focus-color: var(--primary-dark);
}
.focus--primary-dark *:focus, .focus--primary-dark:focus-within {
  --focus-color: var(--primary-dark);
}
*:focus.focus--primary-ultra-dark {
  --focus-color: var(--primary-ultra-dark);
}
.focus--primary-ultra-dark *:focus, .focus--primary-ultra-dark:focus-within {
  --focus-color: var(--primary-ultra-dark);
}
*:focus.focus--white {
  --focus-color: var(--white);
}
.focus--white *:focus, .focus--white:focus-within {
  --focus-color: var(--white);
}
*:focus.focus--black {
  --focus-color: var(--black);
}
.focus--black *:focus, .focus--black:focus-within {
  --focus-color: var(--black);
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body:not(:has([data-sticky-header="0"]), .content-offset--off) .acss-offset-content:not(.panel-content) > *:first-child > *:first-child:not(.bricks-shape-divider) {
  margin-block-start: var(--header-height);
}
:where(section:not(section section)) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
.smart-spacing-preview > * + *, .smart-spacing.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing-preview > * + :where(h1, h2, h3, h4, h5, h6), .smart-spacing.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h2), .smart-spacing.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h3), .smart-spacing.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h4), .smart-spacing.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h5), .smart-spacing.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h6), .smart-spacing.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > * + p, .smart-spacing.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :is(* + ul, * + ol), .smart-spacing.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > :is(ul, ol), .smart-spacing.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > ul * + li, .smart-spacing-preview > ol * + li, .smart-spacing.smart-spacing > ul * + li, .smart-spacing.smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > ul ul, .smart-spacing-preview > ol ol, .smart-spacing-preview > ul ol, .smart-spacing-preview > ol ul, .smart-spacing.smart-spacing > ul ul, .smart-spacing.smart-spacing > ol ol, .smart-spacing.smart-spacing > ul ol, .smart-spacing.smart-spacing > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing-preview > :is(ul, ol) :is(ul, ol) li, .smart-spacing.smart-spacing > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing-preview > * + figure, .smart-spacing-preview > * + picture, .smart-spacing.smart-spacing > * + figure, .smart-spacing.smart-spacing > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview figcaption, .smart-spacing.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > * + blockquote:where(:not(figure > blockquote)), .smart-spacing.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > blockquote * + *, .smart-spacing.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.bg--ultra-light {
  background-color: var(--bg-ultra-light);
}
.bg--light {
  background-color: var(--bg-light);
}
.bg--dark {
  background-color: var(--bg-dark);
}
.bg--ultra-dark {
  background-color: var(--bg-ultra-dark);
}
.text--light.text--light, .text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light);
}
.text--light-muted.text--light-muted, .text--light-muted.text--light-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light-muted);
}
.text--dark.text--dark, .text--dark.text--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark);
}
.text--dark-muted.text--dark-muted, .text--dark-muted.text--dark-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark-muted);
}
:root, .color-scheme--main {
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
}
.color-scheme--alt {
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
}
:where(.bg--ultra-light), :where(.bg--ultra-light) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-ultra-light-text);
}
:where(.bg--light), :where(.bg--light) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-light-text);
}
:where(.bg--dark), :where(.bg--dark) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-dark-text);
}
:where(.bg--ultra-dark), :where(.bg--ultra-dark) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-ultra-dark-text);
}
.bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-ultra-light-heading);
  --h1-color: var(--bg-ultra-light-heading);
  --h2-color: var(--bg-ultra-light-heading);
  --h3-color: var(--bg-ultra-light-heading);
  --h4-color: var(--bg-ultra-light-heading);
  --h5-color: var(--bg-ultra-light-heading);
  --h6-color: var(--bg-ultra-light-heading);
  color: var(--bg-ultra-light-heading);
}
.bg--light :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-light-heading);
  --h1-color: var(--bg-light-heading);
  --h2-color: var(--bg-light-heading);
  --h3-color: var(--bg-light-heading);
  --h4-color: var(--bg-light-heading);
  --h5-color: var(--bg-light-heading);
  --h6-color: var(--bg-light-heading);
  color: var(--bg-light-heading);
}
.bg--dark :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-dark-heading);
  --h1-color: var(--bg-dark-heading);
  --h2-color: var(--bg-dark-heading);
  --h3-color: var(--bg-dark-heading);
  --h4-color: var(--bg-dark-heading);
  --h5-color: var(--bg-dark-heading);
  --h6-color: var(--bg-dark-heading);
  color: var(--bg-dark-heading);
}
.bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-ultra-dark-heading);
  --h1-color: var(--bg-ultra-dark-heading);
  --h2-color: var(--bg-ultra-dark-heading);
  --h3-color: var(--bg-ultra-dark-heading);
  --h4-color: var(--bg-ultra-dark-heading);
  --h5-color: var(--bg-ultra-dark-heading);
  --h6-color: var(--bg-ultra-dark-heading);
  color: var(--bg-ultra-dark-heading);
}
.bg--ultra-light [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--ultra-light [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 2px;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--light [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--light [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 2px;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--dark [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--dark [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 2px;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--ultra-dark [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.bg--ultra-dark [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 2px;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.section__inner, .section__container, .acss__container {
  width: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
figure[class*="overlay--"]::before {
  z-index: 0;
}
body {
  font-size: var(--default-font-size, var(--text-m));
  font-family: var(--text-font-family);
  color: var(--text-color);
  line-height: var(--text-line-height);
  text-wrap: var(--text-text-wrap);
}
p, li {
  line-height: var(--text-line-height, calc(6px + 2ex));
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 {
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  text-wrap: var(--heading-text-wrap);
}
h1 {
  font-size: var(--h1);
  max-width: var(--h1-max-width);
}
h2 {
  font-size: var(--h2);
  max-width: var(--h2-max-width);
}
h3 {
  font-size: var(--h3);
  max-width: var(--h3-max-width);
}
h4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
  max-width: var(--h4-max-width);
}
h5 {
  font-size: var(--h5);
  max-width: var(--h5-max-width);
}
h6 {
  font-size: var(--h6);
  max-width: var(--h6-max-width);
}
body {
  color: var(--body-color, var(--text-dark));
  background-color: var(--body-bg-color, var(--white));
}
html:has(body.boxed-layout) {
  background-color: var(--device-bg-color, var(--white));
}
body a:where(:not([class*= btn--], header a, footer a, .woocommerce-checkout a, .recipe-cta__container a)) {
  color: var(--link-color, var(--primary));
  font-weight: var(--link-weight, inherit);
  -webkit-text-decoration: var(--link-decoration, inherit);
  text-decoration: var(--link-decoration, inherit);
  text-underline-offset: var(--link-underline-offset, auto);
  transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
  body a:where(:not([class*= btn--], header a, footer a, .woocommerce-checkout a, .recipe-cta__container a)):hover {
    color: var(--link-color-hover, var(--primary-hover));
  }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  text-decoration: inherit;
  color: currentcolor;
  text-underline-offset: var(--link-underline-offset, auto);
}
@media (hover: hover) and (pointer: fine) {
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: currentcolor;
  }
}
blockquote {
  text-wrap: pretty;
}
.flex--col.flex--col {
  display: flex;
  flex-direction: column;
}
.flex--row.flex--row {
  display: flex;
  flex-direction: row;
}
.flex--col-reverse.flex--col-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex--row-reverse.flex--row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 1280px) {
  .flex--col-xl.flex--col-xl {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xl.flex--row-xl {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xl.flex--col-reverse-xl {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xl.flex--row-reverse-xl {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 992px) {
  .flex--col-l.flex--col-l {
    display: flex;
    flex-direction: column;
  }
  .flex--row-l.flex--row-l {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-l.flex--col-reverse-l {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-l.flex--row-reverse-l {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .flex--col-m.flex--col-m {
    display: flex;
    flex-direction: column;
  }
  .flex--row-m.flex--row-m {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-m.flex--col-reverse-m {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-m.flex--row-reverse-m {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 480px) {
  .flex--col-s.flex--col-s {
    display: flex;
    flex-direction: column;
  }
  .flex--row-s.flex--row-s {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-s.flex--col-reverse-s {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-s.flex--row-reverse-s {
    display: flex;
    flex-direction: row-reverse;
  }
}
.justify-content--start.justify-content--start {
  justify-content: flex-start;
}
.justify-content--end.justify-content--end {
  justify-content: flex-end;
}
.justify-content--center.justify-content--center {
  justify-content: center;
}
.justify-content--between.justify-content--between {
  justify-content: space-between;
}
.justify-content--around.justify-content--around {
  justify-content: space-around;
}
.justify-content--stretch.justify-content--stretch {
  justify-content: stretch;
}
.align-content--start.align-content--start {
  align-content: flex-start;
}
.align-content--end.align-content--end {
  align-content: flex-end;
}
.align-content--center.align-content--center {
  align-content: center;
}
.align-content--baseline.align-content--baseline {
  align-content: baseline;
}
.align-content--stretch.align-content--stretch {
  align-content: stretch;
}
.justify-items--start.justify-items--start {
  justify-items: flex-start;
}
.justify-items--center.justify-items--center {
  justify-items: center;
}
.justify-items--end.justify-items--end {
  justify-items: flex-end;
}
.justify-items--stretch.justify-items--stretch {
  justify-items: stretch;
}
.align-items--start.align-items--start {
  align-items: flex-start;
}
.align-items--end.align-items--end {
  align-items: flex-end;
}
.align-items--center.align-items--center {
  align-items: center;
}
.align-items--baseline.align-items--baseline {
  align-items: baseline;
}
.align-items--stretch.align-items--stretch {
  align-items: stretch;
}
.self--start.self--start {
  align-self: flex-start;
}
.self--end.self--end {
  align-self: flex-end;
}
.self--stretch.self--stretch {
  align-self: stretch;
}
.self--center.self--center {
  align-self: center;
}
@media (max-width: 1280px) {
  .justify-content--start-xl.justify-content--start-xl {
    justify-content: flex-start;
  }
  .justify-content--end-xl.justify-content--end-xl {
    justify-content: flex-end;
  }
  .justify-content--center-xl.justify-content--center-xl {
    justify-content: center;
  }
  .justify-content--between-xl.justify-content--between-xl {
    justify-content: space-between;
  }
  .justify-content--around-xl.justify-content--around-xl {
    justify-content: space-around;
  }
  .justify-content--stretch-xl.justify-content--stretch-xl {
    justify-content: stretch;
  }
  .align-content--start-xl.align-content--start-xl {
    align-content: flex-start;
  }
  .align-content--end-xl.align-content--end-xl {
    align-content: flex-end;
  }
  .align-content--center-xl.align-content--center-xl {
    align-content: center;
  }
  .align-content--baseline-xl.align-content--baseline-xl {
    align-content: baseline;
  }
  .align-content--stretch-xl.align-content--stretch-xl {
    align-content: stretch;
  }
  .justify-items--start-xl.justify-items--start-xl {
    justify-items: flex-start;
  }
  .justify-items--center-xl.justify-items--center-xl {
    justify-items: center;
  }
  .justify-items--end-xl.justify-items--end-xl {
    justify-items: flex-end;
  }
  .justify-items--stretch-xl.justify-items--stretch-xl {
    justify-items: stretch;
  }
  .align-items--start-xl.align-items--start-xl {
    align-items: flex-start;
  }
  .align-items--end-xl.align-items--end-xl {
    align-items: flex-end;
  }
  .align-items--center-xl.align-items--center-xl {
    align-items: center;
  }
  .align-items--baseline-xl.align-items--baseline-xl {
    align-items: baseline;
  }
  .align-items--stretch-xl.align-items--stretch-xl {
    align-items: stretch;
  }
  .self--start-xl.self--start-xl {
    align-self: flex-start;
  }
  .self--end-xl.self--end-xl {
    align-self: flex-end;
  }
  .self--stretch-xl.self--stretch-xl {
    align-self: stretch;
  }
  .self--center-xl.self--center-xl {
    align-self: center;
  }
}
@media (max-width: 992px) {
  .justify-content--start-l.justify-content--start-l {
    justify-content: flex-start;
  }
  .justify-content--end-l.justify-content--end-l {
    justify-content: flex-end;
  }
  .justify-content--center-l.justify-content--center-l {
    justify-content: center;
  }
  .justify-content--between-l.justify-content--between-l {
    justify-content: space-between;
  }
  .justify-content--around-l.justify-content--around-l {
    justify-content: space-around;
  }
  .justify-content--stretch-l.justify-content--stretch-l {
    justify-content: stretch;
  }
  .align-content--start-l.align-content--start-l {
    align-content: flex-start;
  }
  .align-content--end-l.align-content--end-l {
    align-content: flex-end;
  }
  .align-content--center-l.align-content--center-l {
    align-content: center;
  }
  .align-content--baseline-l.align-content--baseline-l {
    align-content: baseline;
  }
  .align-content--stretch-l.align-content--stretch-l {
    align-content: stretch;
  }
  .justify-items--start-l.justify-items--start-l {
    justify-items: flex-start;
  }
  .justify-items--center-l.justify-items--center-l {
    justify-items: center;
  }
  .justify-items--end-l.justify-items--end-l {
    justify-items: flex-end;
  }
  .justify-items--stretch-l.justify-items--stretch-l {
    justify-items: stretch;
  }
  .align-items--start-l.align-items--start-l {
    align-items: flex-start;
  }
  .align-items--end-l.align-items--end-l {
    align-items: flex-end;
  }
  .align-items--center-l.align-items--center-l {
    align-items: center;
  }
  .align-items--baseline-l.align-items--baseline-l {
    align-items: baseline;
  }
  .align-items--stretch-l.align-items--stretch-l {
    align-items: stretch;
  }
  .self--start-l.self--start-l {
    align-self: flex-start;
  }
  .self--end-l.self--end-l {
    align-self: flex-end;
  }
  .self--stretch-l.self--stretch-l {
    align-self: stretch;
  }
  .self--center-l.self--center-l {
    align-self: center;
  }
}
@media (max-width: 768px) {
  .justify-content--start-m.justify-content--start-m {
    justify-content: flex-start;
  }
  .justify-content--end-m.justify-content--end-m {
    justify-content: flex-end;
  }
  .justify-content--center-m.justify-content--center-m {
    justify-content: center;
  }
  .justify-content--between-m.justify-content--between-m {
    justify-content: space-between;
  }
  .justify-content--around-m.justify-content--around-m {
    justify-content: space-around;
  }
  .justify-content--stretch-m.justify-content--stretch-m {
    justify-content: stretch;
  }
  .align-content--start-m.align-content--start-m {
    align-content: flex-start;
  }
  .align-content--end-m.align-content--end-m {
    align-content: flex-end;
  }
  .align-content--center-m.align-content--center-m {
    align-content: center;
  }
  .align-content--baseline-m.align-content--baseline-m {
    align-content: baseline;
  }
  .align-content--stretch-m.align-content--stretch-m {
    align-content: stretch;
  }
  .justify-items--start-m.justify-items--start-m {
    justify-items: flex-start;
  }
  .justify-items--center-m.justify-items--center-m {
    justify-items: center;
  }
  .justify-items--end-m.justify-items--end-m {
    justify-items: flex-end;
  }
  .justify-items--stretch-m.justify-items--stretch-m {
    justify-items: stretch;
  }
  .align-items--start-m.align-items--start-m {
    align-items: flex-start;
  }
  .align-items--end-m.align-items--end-m {
    align-items: flex-end;
  }
  .align-items--center-m.align-items--center-m {
    align-items: center;
  }
  .align-items--baseline-m.align-items--baseline-m {
    align-items: baseline;
  }
  .align-items--stretch-m.align-items--stretch-m {
    align-items: stretch;
  }
  .self--start-m.self--start-m {
    align-self: flex-start;
  }
  .self--end-m.self--end-m {
    align-self: flex-end;
  }
  .self--stretch-m.self--stretch-m {
    align-self: stretch;
  }
  .self--center-m.self--center-m {
    align-self: center;
  }
}
@media (max-width: 480px) {
  .justify-content--start-s.justify-content--start-s {
    justify-content: flex-start;
  }
  .justify-content--end-s.justify-content--end-s {
    justify-content: flex-end;
  }
  .justify-content--center-s.justify-content--center-s {
    justify-content: center;
  }
  .justify-content--between-s.justify-content--between-s {
    justify-content: space-between;
  }
  .justify-content--around-s.justify-content--around-s {
    justify-content: space-around;
  }
  .justify-content--stretch-s.justify-content--stretch-s {
    justify-content: stretch;
  }
  .align-content--start-s.align-content--start-s {
    align-content: flex-start;
  }
  .align-content--end-s.align-content--end-s {
    align-content: flex-end;
  }
  .align-content--center-s.align-content--center-s {
    align-content: center;
  }
  .align-content--baseline-s.align-content--baseline-s {
    align-content: baseline;
  }
  .align-content--stretch-s.align-content--stretch-s {
    align-content: stretch;
  }
  .justify-items--start-s.justify-items--start-s {
    justify-items: flex-start;
  }
  .justify-items--center-s.justify-items--center-s {
    justify-items: center;
  }
  .justify-items--end-s.justify-items--end-s {
    justify-items: flex-end;
  }
  .justify-items--stretch-s.justify-items--stretch-s {
    justify-items: stretch;
  }
  .align-items--start-s.align-items--start-s {
    align-items: flex-start;
  }
  .align-items--end-s.align-items--end-s {
    align-items: flex-end;
  }
  .align-items--center-s.align-items--center-s {
    align-items: center;
  }
  .align-items--baseline-s.align-items--baseline-s {
    align-items: baseline;
  }
  .align-items--stretch-s.align-items--stretch-s {
    align-items: stretch;
  }
  .self--start-s.self--start-s {
    align-self: flex-start;
  }
  .self--end-s.self--end-s {
    align-self: flex-end;
  }
  .self--stretch-s.self--stretch-s {
    align-self: stretch;
  }
  .self--center-s.self--center-s {
    align-self: center;
  }
}
.stretch.stretch {
  align-content: stretch;
  align-items: stretch;
  justify-content: stretch;
  justify-items: stretch;
}
.flex--wrap.flex--wrap {
  flex-wrap: wrap;
}
.flex--grow > * {
  flex-grow: 1;
}
.width--xs.width--xs {
  inline-size: calc(var(--content-width) * 0.1);
  max-inline-size: 100%;
}
.width--s.width--s {
  inline-size: calc(var(--content-width) * 0.2);
  max-inline-size: 100%;
}
.width--m.width--m {
  inline-size: calc(var(--content-width) * 0.4);
  max-inline-size: 100%;
}
.width--l.width--l {
  inline-size: calc(var(--content-width) * 0.6);
  max-inline-size: 100%;
}
.width--xl.width--xl {
  inline-size: calc(var(--content-width) * 0.8);
  max-inline-size: 100%;
}
.width--xxl.width--xxl {
  inline-size: calc(var(--content-width) * 0.9);
  max-inline-size: 100%;
}
.width--vp-max.width--vp-max {
  inline-size: calc(var(--content-width) * 1);
  max-inline-size: 100%;
}
.width--content.width--content {
  inline-size: calc(var(--content-width) * 1);
  max-inline-size: 100%;
}
.width--10.width--10 {
  inline-size: calc(var(--content-width) * 0.1);
  max-inline-size: 100%;
}
.width--20.width--20 {
  inline-size: calc(var(--content-width) * 0.2);
  max-inline-size: 100%;
}
.width--30.width--30 {
  inline-size: calc(var(--content-width) * 0.3);
  max-inline-size: 100%;
}
.width--40.width--40 {
  inline-size: calc(var(--content-width) * 0.4);
  max-inline-size: 100%;
}
.width--50.width--50 {
  inline-size: calc(var(--content-width) * 0.5);
  max-inline-size: 100%;
}
.width--60.width--60 {
  inline-size: calc(var(--content-width) * 0.6);
  max-inline-size: 100%;
}
.width--70.width--70 {
  inline-size: calc(var(--content-width) * 0.7);
  max-inline-size: 100%;
}
.width--80.width--80 {
  inline-size: calc(var(--content-width) * 0.8);
  max-inline-size: 100%;
}
.width--90.width--90 {
  inline-size: calc(var(--content-width) * 0.9);
  max-inline-size: 100%;
}
.width--full.width--full {
  inline-size: 100%;
  max-inline-size: 100%;
}
figure[class*="width--"] img {
  inline-size: 100%;
}
.width--auto.width--auto {
  inline-size: auto !important;
  max-inline-size: 100%;
}
.content-width.content-width {
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.content-width--safe.content-width--safe {
  inline-size: 100%;
  max-inline-size: var(--content-width-safe);
  margin-inline: auto;
}
/* TODO: @kevingeary this probably should go somewhere else */
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(0.75rem + (-0.1168709751 * ((100vw - 22.5rem) / 57.5)));
    --text-s: calc(0.8125rem + (0.0314609902 * ((100vw - 22.5rem) / 57.5)));
    --text-m: calc(1rem + (0.125 * ((100vw - 22.5rem) / 57.5)));
    --text-l: calc(1.2rem + (0.299625 * ((100vw - 22.5rem) / 57.5)));
    --text-xl: calc(1.44rem + (0.559000125 * ((100vw - 22.5rem) / 57.5)));
    --text-xxl: calc(1.728rem + (0.9366671666 * ((100vw - 22.5rem) / 57.5)));
    --h6: calc(0.75rem + (-0.0465233056 * ((100vw - 22.5rem) / 57.5)));
    --h5: calc(0.8125rem + (0.1252344336 * ((100vw - 22.5rem) / 57.5)));
    --h4: calc(1.125rem + (-0.5 * ((100vw - 22.5rem) / 57.5)));
    --h3: calc(1.35rem + (0.31625 * ((100vw - 22.5rem) / 57.5)));
    --h2: calc(1.62rem + (0.60111125 * ((100vw - 22.5rem) / 57.5)));
    --h1: calc(1.944rem + (1.0167412962 * ((100vw - 22.5rem) / 57.5)));
  }
  @media (min-width: 1281px) {
    :root {
      --text-xs: 0.6331290249rem;
      --text-s: 0.8439609902rem;
      --text-m: 1.125rem;
      --text-l: 1.499625rem;
      --text-xl: 1.999000125rem;
      --text-xxl: 2.6646671666rem;
      --h6: 0.7034766944rem;
      --h5: 0.9377344336rem;
      --h4: 0.625rem;
      --h3: 1.66625rem;
      --h2: 2.22111125rem;
      --h1: 2.9607412962rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(0.75rem, calc(-0.2032538697vw + 0.7957321207rem), 0.6331290249rem);
    --text-s: clamp(0.8125rem, calc(0.0547147656vw + 0.8001891777rem), 0.8439609902rem);
    --text-m: clamp(1rem, calc(0.2173913043vw + 0.9510869565rem), 1.125rem);
    --text-l: clamp(1.2rem, calc(0.5210869565vw + 1.0827554348rem), 1.499625rem);
    --text-xl: clamp(1.44rem, calc(0.9721741304vw + 1.2212608207rem), 1.999000125rem);
    --text-xxl: clamp(1.728rem, calc(1.6289863767vw + 1.3614780652rem), 2.6646671666rem);
    --h6: clamp(0.75rem, calc(-0.0809100967vw + 0.7682047718rem), 0.7034766944rem);
    --h5: clamp(0.8125rem, calc(0.217799015vw + 0.7634952216rem), 0.9377344336rem);
    --h4: clamp(1.125rem, calc(-0.8695652174vw + 1.3206521739rem), 0.625rem);
    --h3: clamp(1.35rem, calc(0.55vw + 1.22625rem), 1.66625rem);
    --h2: clamp(1.62rem, calc(1.0454108696vw + 1.3847825543rem), 2.22111125rem);
    --h1: clamp(1.944rem, calc(1.7682457326vw + 1.5461447102rem), 2.9607412962rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(0.8441720333rem + (-0.0108386999 * ((100vw - 22.5rem) / 57.5)));
    --space-s: calc(1.1252813203rem + (0.1247186797 * ((100vw - 22.5rem) / 57.5)));
    --space-m: calc(1.5rem + (0.375 * ((100vw - 22.5rem) / 57.5)));
    --space-l: calc(1.9995rem + (0.813 * ((100vw - 22.5rem) / 57.5)));
    --space-xl: calc(2.6653335rem + (1.5534165 * ((100vw - 22.5rem) / 57.5)));
    --space-xxl: calc(3.5528895555rem + (2.7752354445 * ((100vw - 22.5rem) / 57.5)));
    --section-space-xs: calc(1.6883440665rem + (0.8116559335 * ((100vw - 22.5rem) / 57.5)));
    --section-space-s: calc(2.2505626407rem + (1.4994373593 * ((100vw - 22.5rem) / 57.5)));
    --section-space-m: calc(3rem + (2.625 * ((100vw - 22.5rem) / 57.5)));
    --section-space-l: calc(3.999rem + (4.4385 * ((100vw - 22.5rem) / 57.5)));
    --section-space-xl: calc(5.330667rem + (7.325583 * ((100vw - 22.5rem) / 57.5)));
    --section-space-xxl: calc(7.105779111rem + (11.878595889 * ((100vw - 22.5rem) / 57.5)));
    --section-padding-x: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 57.5)));
    --gutter: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 57.5)));
  }
  @media (min-width: 1281px) {
    :root {
      --space-xs: 0.8333333333rem;
      --space-s: 1.25rem;
      --space-m: 1.875rem;
      --space-l: 2.8125rem;
      --space-xl: 4.21875rem;
      --space-xxl: 6.328125rem;
      --section-space-xs: 2.5rem;
      --section-space-s: 3.75rem;
      --section-space-m: 5.625rem;
      --section-space-l: 8.4375rem;
      --section-space-xl: 12.65625rem;
      --section-space-xxl: 18.984375rem;
      --section-padding-x: 3.75rem;
      --gutter: 3.75rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(0.8441720333rem, calc(-0.0188499129vw + 0.8484132637rem), 0.8333333333rem);
    --space-s: clamp(1.1252813203rem, calc(0.2169020516vw + 1.0764783587rem), 1.25rem);
    --space-m: clamp(1.5rem, calc(0.652173913vw + 1.3532608696rem), 1.875rem);
    --space-l: clamp(1.9995rem, calc(1.4139130435vw + 1.6813695652rem), 2.8125rem);
    --space-xl: clamp(2.6653335rem, calc(2.701593913vw + 2.0574748696rem), 4.21875rem);
    --space-xxl: clamp(3.5528895555rem, calc(4.8264964252vw + 2.4669278598rem), 6.328125rem);
    --section-space-xs: clamp(1.6883440665rem, calc(1.4115755365vw + 1.3707395708rem), 2.5rem);
    --section-space-s: clamp(2.2505626407rem, calc(2.6077171467vw + 1.6638262827rem), 3.75rem);
    --section-space-m: clamp(3rem, calc(4.5652173913vw + 1.972826087rem), 5.625rem);
    --section-space-l: clamp(3.999rem, calc(7.7191304348vw + 2.2621956522rem), 8.4375rem);
    --section-space-xl: clamp(5.330667rem, calc(12.7401443478vw + 2.4641345217rem), 12.65625rem);
    --section-space-xxl: clamp(7.105779111rem, calc(20.658427633vw + 2.4576328936rem), 18.984375rem);
    --section-padding-x: clamp(1.25rem, calc(4.347826087vw + 0.2717391304rem), 3.75rem);
    --gutter: clamp(1.25rem, calc(4.347826087vw + 0.2717391304rem), 3.75rem);
  }
}
section > div:where(:not(.bricks-shape-divider)) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--content-gap);
}
#shadow-host-companion {
  padding: 0;
}
.acss-auto-radius :where(img):not(header img), .acss-auto-radius :where(figure:not(figure:has(img))) {
  border-radius: var(--radius);
}
.transition {
  transition: var(--transition);
}