/*
 * Jäädytetty Automatic.css: automatic.css (Pekan Eurohinnat, G9.11)
 * Lähde: automatic.css, md5 53c62bb785a051a89e8cdcf8b293d540, 396887 B
 * ACSS-versio: 3.3.6, käännetty 2026-06-11 06:09:34
 * Rajaus: scope.json md5 4b5665769ea0493782475b04a92030a8
 * Työkalu: tools/acss-freeze/freeze.mjs, commit ab26124
 * Jäädytetty: 2026-10-25T22:46:54.164Z
 * Älä muokkaa käsin: tiedosto tuotetaan uudelleen työkalulla (tools/acss-freeze/README.md).
 */
:root {
  --primary: #f1761e;
  --primary-hover: #f38d44;
  --primary-ultra-light: #fdf0e7;
  --primary-light: #fad3b7;
  --primary-semi-dark: #a84c0b;
  --primary-dark: #783608;
  --primary-ultra-dark: #301603;
  --neutral: #000000;
  --neutral-ultra-light: #f2f2f2;
  --neutral-light: #d9d9d9;
  --neutral-semi-light: #a6a6a6;
  --neutral-semi-dark: #595959;
  --neutral-dark: #404040;
  --neutral-ultra-dark: #1a1a1a;
  --white: #fff;
  --black: #000;
  --primary-trans-10: rgba(241, 118, 30, 0.1);
  --primary-trans-20: rgba(241, 118, 30, 0.2);
  --primary-light-trans-10: rgba(250, 211, 183, 0.1);
  --primary-light-trans-20: rgba(250, 211, 183, 0.2);
  --neutral-trans-20: rgba(0, 0, 0, 0.2);
  --neutral-trans-30: rgba(0, 0, 0, 0.3);
  --neutral-trans-70: rgba(0, 0, 0, 0.7);
  --white-trans-70: rgba(255, 255, 255, 0.7);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-50: rgba(0, 0, 0, 0.5);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --text-light: var(--white);
  --text-dark: var(--black);
  --text-dark-muted: var(--black-trans-80);
  --body-bg-color: #f9f9f9;
  --body-color: var(--text-dark-muted);
  --heading-color: var(--text-dark);
}
:root {
  --section-padding-block: var(--section-space-m);
  --gutter: 1.2rem;
  --text-xs: 1.26rem;
  --text-s: 1.42rem;
  --text-m: 1.8rem;
  --text-l: 2.025rem;
  --text-xxl: 2.565rem;
  --root-font-size: 62.5%;
  --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-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-xxl: 11.719rem;
  --content-width: 144rem;
  --width-m: calc(var(--content-width) * 0.4);
  --width-l: calc(var(--content-width) * 0.6);
  --width-xl: calc(var(--content-width) * 0.8);
  --focus-color: var(--primary);
  --focus-width: 2px;
  --focus-offset: 2px;
  --heading-color: var(--text-dark);
  --heading-line-height: calc(4px + 2ex);
  --heading-font-weight: 700;
  --heading-text-wrap: pretty;
  --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-color: var(--text-dark-muted);
  --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-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
}
:root {
  --paragraph-spacing: 1em;
  --heading-spacing: 1.2em;
  --list-spacing: var(--paragraph-spacing) 0;
  --list-indent-spacing: 2em;
  --list-item-spacing: 0.5em;
  --nested-list-indent-spacing: 1em;
  --flow-spacing: var(--paragraph-spacing);
  --figure-spacing: var(--paragraph-spacing);
  --figcaption-spacing: 0.5em;
  --blockquote-spacing: var(--paragraph-spacing);
}
:root {
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.5em;
  --btn-min-width: 14rem;
  --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: none;
  --btn-border-width: 2px;
  --btn-border-style: solid;
  --btn-justify-content: center;
  --btn-text-align: center;
}
:root {
  --btn-radius: var(--radius);
}
:root {
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
  --link-transition: var(--transition);
  --link-decoration: inherit;
  --link-underline-offset: auto;
  --link-weight: inherit;
}
:root {
  --grid-gap: var(--space-m);
}
:root {
  --radius: 5px;
  --radius-circle: 50vw;
  --radius-xs: 2.2222222222px;
  --radius-s: 3.3333333333px;
  --radius-m: 5px;
  --radius-l: 7.5px;
  --radius-xl: 11.25px;
  --radius-xxl: 16.875px;
}
: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);
}
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;
}
[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;
}
.hidden-accessible {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@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;
  }
}
:where(section:not(section section)) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
body:where(:not(.block-editor-writing-flow, .editor-styles-wrapper)) :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
:where(.woocommerce-checkout) p {
  margin: 0 0 1.2em;
}
.brxe-text > * + *, .brxe-post-content:where(:not([data-source="bricks"])) > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.brxe-text > * + :where(h1, h2, h3, h4, h5, h6), .brxe-post-content:where(:not([data-source="bricks"])) > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :where(* + h2), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h3), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h4), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h5), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h6), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > * + p, .brxe-post-content:where(:not([data-source="bricks"])) > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :is(* + ul, * + ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.brxe-text > :is(ul, ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.brxe-text > ul * + li, .brxe-text > ol * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ul * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > ul ul, .brxe-text > ol ol, .brxe-text > ul ol, .brxe-text > ol ul, .brxe-post-content:where(:not([data-source="bricks"])) > ul ul, .brxe-post-content:where(:not([data-source="bricks"])) > ol ol, .brxe-post-content:where(:not([data-source="bricks"])) > ul ol, .brxe-post-content:where(:not([data-source="bricks"])) > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.brxe-text > :is(ul, ol) :is(ul, ol) li, .brxe-post-content:where(:not([data-source="bricks"])) > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.brxe-text > * + figure, .brxe-text > * + picture, .brxe-post-content:where(:not([data-source="bricks"])) > * + figure, .brxe-post-content:where(:not([data-source="bricks"])) > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.brxe-text figcaption, .brxe-post-content:where(:not([data-source="bricks"])) figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.brxe-text > * + blockquote:where(:not(figure > blockquote)), .brxe-post-content:where(:not([data-source="bricks"])) > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.brxe-text > blockquote * + *, .brxe-post-content:where(:not([data-source="bricks"])) > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :is(figure, blockquote, ul, ol) + *, .brxe-post-content:where(:not([data-source="bricks"])) > :is(figure, blockquote, ul, ol) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
body :where(p:last-of-type) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  margin-block-start: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul * + li, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ul, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + figure, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(figure, blockquote, ul, ol) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.bg--neutral-ultra-light {
  background-color: var(--neutral-ultra-light);
}
.margin-bottom--m {
  margin-block-end: var(--space-m);
}
[class*="overlay--"] {
  position: relative;
  z-index: 0;
}
[class*="overlay--"]::before {
  content: "";
  background: var(--overlay-background);
  position: absolute;
  inset: 0;
  z-index: -1;
}
figure[class*="overlay--"]::before {
  z-index: 0;
}
blockquote {
  text-wrap: pretty;
}
[class*="line-clamp--"] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-count);
}
@media (max-width: 1366px) {
  [class*="breakout--"]:not(.breakout--full) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
  }
}
[class*="center--"]:where(:not([class*="self"]))[class*="center--"]:where(:not([class*="self"])) {
  display: flex;
  flex-direction: column;
  align-items: var(--align-items, initial);
  align-content: var(--align-content, initial);
  justify-items: var(--justify-items, initial);
  justify-content: var(--justify-content, initial);
  text-align: var(--text-align, inherit);
}
.center--all.center--all {
  --align-items: center;
  --align-content: center;
  --justify-items: center;
  --justify-content: center;
  --text-align: center;
}
[class*="object-fit--"], [class*="object-fit--"] img {
  -o-object-position: var(--object-position, 50% 50%);
  object-position: var(--object-position, 50% 50%);
}
:is([class*="col-count--"], [class*="col-width--"]) {
  display: block !important;
}
[class*="col-"] > * {
  break-inside: avoid;
}
:where([class*="masonry--"] > *) {
  break-inside: avoid;
  width: 100%;
}
[class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * {
  margin-block-end: var(--row-gap);
}
.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--2-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  inline-size: 100%;
}
.grid--2-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  inline-size: 100%;
}
.grid--3-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  inline-size: 100%;
}
@media (max-width: 992px) {
  .grid--l-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--l-1 > * {
    grid-column: 1 !important;
  }
  .grid--l-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .grid--m-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--m-1 > * {
    grid-column: 1 !important;
  }
  .grid--m-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .grid--s-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--s-1 > * {
    grid-column: 1 !important;
  }
}
[class*="grid--auto"]:where(:not([class*="rows"])) {
  display: grid !important;
  grid-template-columns: var(--grid-template-columns);
  gap: var(--grid-gap);
  inline-size: 100%;
  --grid-template-columns-any: var(--grid-template-columns-fit);
  --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
  --grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr));
  --grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr));
  --grid-template-columns-even-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  --grid-template-columns-even-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
[class*="grid--auto"]:where(:not([class*="rows"])) > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
}
figure[class*="width--"] img {
  inline-size: 100%;
}
[class*="aspect--"] {
  aspect-ratio: var(--aspect-ratio);
}
img[class*="aspect--"] {
  -o-object-fit: var(--object-fit, cover);
  object-fit: var(--object-fit, cover);
}
figure[class*="aspect--"] img {
  inline-size: 100%;
  block-size: 100%;
}
[class*="aspect--"] iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--aspect-ratio);
}
@supports not (aspect-ratio: 1.7777777778) {
  [class*="aspect--"]::before {
    float: left;
    padding-top: var(--aspect-fallback-value);
    content: "";
  }
  [class*="aspect--"]::after {
    display: block;
    content: "";
    clear: both;
  }
}
ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  margin-block-end: 0;
}
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(1.2rem + (-0.1869935601 * ((100vw - 36rem) / 108)));
    --text-s: calc(1.3rem + (0.0503375844 * ((100vw - 36rem) / 108)));
    --text-m: calc(1.6rem + (0.2 * ((100vw - 36rem) / 108)));
    --text-l: calc(1.92rem + (0.4794 * ((100vw - 36rem) / 108)));
    --text-xxl: calc(2.7648rem + (1.4986674666 * ((100vw - 36rem) / 108)));
    --h6: calc(1.2rem + (-0.074437289 * ((100vw - 36rem) / 108)));
    --h5: calc(1.3rem + (0.2003750938 * ((100vw - 36rem) / 108)));
    --h4: calc(1.8rem + (0.2 * ((100vw - 36rem) / 108)));
    --h3: calc(2.16rem + (0.506 * ((100vw - 36rem) / 108)));
    --h2: calc(2.592rem + (0.961778 * ((100vw - 36rem) / 108)));
    --h1: calc(3.1104rem + (1.626786074 * ((100vw - 36rem) / 108)));
  }
  @media (min-width: 1367px) {
    :root {
      --text-xs: 1.0130064399rem;
      --text-s: 1.3503375844rem;
      --text-m: 1.8rem;
      --text-l: 2.3994rem;
      --text-xxl: 4.2634674666rem;
      --h6: 1.125562711rem;
      --h5: 1.5003750938rem;
      --h4: 2rem;
      --h3: 2.666rem;
      --h2: 3.553778rem;
      --h1: 4.737186074rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(1.2rem, calc(-0.1731421853vw + 1.2623311867rem), 1.0130064399rem);
    --text-s: clamp(1.3rem, calc(0.0466088744vw + 1.2832208052rem), 1.3503375844rem);
    --text-m: clamp(1.6rem, calc(0.1851851852vw + 1.5333333333rem), 1.8rem);
    --text-l: clamp(1.92rem, calc(0.4438888889vw + 1.7602rem), 2.3994rem);
    --text-xxl: clamp(2.7648rem, calc(1.3876550617vw + 2.2652441778rem), 4.2634674666rem);
    --h6: clamp(1.2rem, calc(-0.0689234157vw + 1.2248124297rem), 1.125562711rem);
    --h5: clamp(1.3rem, calc(0.1855324942vw + 1.2332083021rem), 1.5003750938rem);
    --h4: clamp(1.8rem, calc(0.1851851852vw + 1.7333333333rem), 2rem);
    --h3: clamp(2.16rem, calc(0.4685185185vw + 1.9913333333rem), 2.666rem);
    --h2: clamp(2.592rem, calc(0.8905351852vw + 2.2714073333rem), 3.553778rem);
    --h1: clamp(3.1104rem, calc(1.5062834019vw + 2.5681379753rem), 4.737186074rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.3506752532rem + (-0.0173419199 * ((100vw - 36rem) / 108)));
    --space-s: calc(1.8004501125rem + (0.1995498875 * ((100vw - 36rem) / 108)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 36rem) / 108)));
    --space-l: calc(3.1992rem + (1.3008 * ((100vw - 36rem) / 108)));
    --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 36rem) / 108)));
    --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 36rem) / 108)));
    --section-space-s: calc(3.6009002251rem + (2.3990997749 * ((100vw - 36rem) / 108)));
    --section-space-m: calc(4.8rem + (4.2 * ((100vw - 36rem) / 108)));
    --section-space-xxl: calc(11.3692465776rem + (19.0057534224 * ((100vw - 36rem) / 108)));
    --gutter: calc(1.2rem + (6.8 * ((100vw - 36rem) / 108)));
  }
  @media (min-width: 1367px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-s: 6rem;
      --section-space-m: 9rem;
      --section-space-xxl: 30.375rem;
      --gutter: 8rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.3506752532rem, calc(-0.0160573332vw + 1.3564558932rem), 1.3333333333rem);
    --space-s: clamp(1.8004501125rem, calc(0.1847684143vw + 1.7339334834rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5555555556vw + 2.2rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.2044444444vw + 2.7656rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.3013577778vw + 3.4360448rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(4.1114599178vw + 4.2044977184rem), 10.125rem);
    --section-space-s: clamp(3.6009002251rem, calc(2.2213886805vw + 2.8012003001rem), 6rem);
    --section-space-m: clamp(4.8rem, calc(3.8888888889vw + 3.4rem), 9rem);
    --section-space-xxl: clamp(11.3692465776rem, calc(17.5979198356vw + 5.0339954368rem), 30.375rem);
    --gutter: clamp(1.2rem, calc(6.2962962963vw + -1.0666666667rem), 8rem);
  }
}
.gap--s.gap--s {
  gap: var(--space-s);
  --row-gap: var(--space-s);
  --col-gap: var(--space-s);
  --grid-gap: var(--space-s);
}
.gap--m.gap--m {
  gap: var(--space-m);
  --row-gap: var(--space-m);
  --col-gap: var(--space-m);
  --grid-gap: var(--space-m);
}
.gap--l.gap--l {
  gap: var(--space-l);
  --row-gap: var(--space-l);
  --col-gap: var(--space-l);
  --grid-gap: var(--space-l);
}
.gap--xl.gap--xl {
  gap: var(--space-xl);
  --row-gap: var(--space-xl);
  --col-gap: var(--space-xl);
  --grid-gap: var(--space-xl);
}
.gap--xxl.gap--xxl {
  gap: var(--space-xxl);
  --row-gap: var(--space-xxl);
  --col-gap: var(--space-xxl);
  --grid-gap: var(--space-xxl);
}
@media (max-width: 992px) {
  .gap--l-xs.gap--l-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
}
:root {
  --f-label-size: clamp(1.4rem, calc(0.1851851852vw + 1.3333333333rem), 1.6rem);
  --f-label-font-weight: 400;
  --f-label-line-height: 1;
  --f-label-padding-x: 0;
  --f-label-padding-y: 0;
  --f-label-margin-bottom: 0.5em;
  --f-label-text-transform: none;
  --f-field-margin-bottom: 1.5em;
  --f-input-border-style: solid;
  --f-input-border-top-size: 0.1rem;
  --f-input-border-right-size: 0.1rem;
  --f-input-border-bottom-size: 0.1rem;
  --f-input-border-left-size: 0.1rem;
  --f-input-border-radius: var(--btn-radius);
  --f-input-size: clamp(1.4rem, calc(0.3703703704vw + 1.2666666667rem), 1.8rem);
  --f-input-font-weight: 400;
  --f-input-line-height: 1;
  --f-input-height: 5rem;
  --f-input-padding-x: 1em;
  --f-input-padding-y: 0.5em;
  --f-btn-border-style: solid;
  --f-btn-border-width: var(--btn-border-width);
  --f-btn-border-radius: var(--btn-radius);
  --f-btn-text-size: clamp(1.4rem, calc(0.3703703704vw + 1.2666666667rem), 1.8rem);
  --f-btn-font-weight: 400;
  --f-btn-line-height: 1;
  --f-btn-padding-y: 0.75em;
  --f-btn-padding-x: 1.5em;
  --f-btn-margin-top: 0;
  --f-btn-text-decoration: none;
  --f-btn-text-transform: none;
  --f-option-label-font-weight: 400;
  --f-option-label-size: clamp(1.4rem, calc(0.1851851852vw + 1.3333333333rem), 1.6rem);
  --f-option-label-spacing: 0.5em;
  --f-option-label-line-height: 1.4;
}
.form--light form[data-wsf-style-id] {
  --wsf-form-transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
  --wsf-field-radio-size: calc(var(--f-option-label-size) * var(--f-option-label-line-height));
  --wsf-field-height: var(--f-input-height, 5);
}
.form--light form[data-wsf-style-id] {
  --wsf-field-color-background-hover: var(--white);
  --wsf-field-color-focus: var(--neutral-dark);
  --wsf-field-border-color-hover: var(--neutral-light);
  --wsf-field-color-hover: var(--neutral-dark);
  --wsf-field-color-placeholder-hover: var(--neutral-dark);
  --wsf-field-color-background-focus: var(--white);
  --wsf-field-checkbox-checked-color-background: var(--primary);
  --wsf-field-checkbox-checked-switch-color-background:var(--primary);
  --wsf-field-radio-checked-color: var(--primary);
  --wsf-field-radio-checked-switch-color-background: var(--primary);
  --wsf-field-radio-color-background: transparent;
  --wsf-field-border: 1px solid var(--neutral);
  --wsf-field-color-placeholder: hsl(0 0% 25% / 0.5);
  --wsf-field-button-primary-color-background-hover: var(--primary-hover);
  --wsf-field-button-primary-border-color-hover: var(--primary-hover);
  --wsf-field-button-primary-color: var(--primary-ultra-light);
  --wsf-field-button-primary-color-hover: var(--primary-ultra-light);
  --wsf-field-button-secondary-color-background: var(--neutral-light);
  --wsf-field-button-secondary-color-background-hover: var(--neutral-ultra-light);
  --wsf-field-button-secondary-border-color: var(--neutral-light);
  --wsf-field-button-secondary-border-color-hover: var(--neutral-ultra-light);
  --wsf-field-button-secondary-color: var(--neutral-ultra-dark);
  --wsf-field-button-secondary-color-hover: var(--neutral-ultra-dark);
}
.form--light input[type="date"], .form--light input[type="datetime-local"], .form--light input[type="month"], .form--light input[type="password"], .form--light input[type="search"], .form--light input[type="time"], .form--light input[type="week"], .form--light input[type="email"], .form--light input[type="number"], .form--light input[type="tel"], .form--light input[type="text"], .form--light input[type="url"], .form--light select:not([multiple]):not([size]) {
  height: var(--f-input-height, 5rem);
}
.form--light .input, .form--light input:not([type="submit"]), .form--light select, .form--light textarea {
  background-color: var(--f-light-input-background, var(--white));
  border-top-width: var(--f-input-border-top-size, 0.1rem);
  border-right-width: var(--f-input-border-right-size, 0.1rem);
  border-bottom-width: var(--f-input-border-bottom-size, 0.1rem);
  border-left-width: var(--f-input-border-left-size, 0.1rem);
  border-style: var(--f-input-border-style, solid);
  border-color: var(--f-light-input-border-color, var(--neutral-light));
  border-radius: var(--f-input-border-radius, var(--btn-radius));
  color: var(--f-light-input-text-color, var(--neutral-dark));
  font-size: var(--f-input-size, --text-m);
  font-weight: var(--f-input-font-weight, 400);
  line-height: var(--f-input-line-height, 1);
  padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em);
  -webkit-border-radius: var(--f-input-border-radius, var(--btn-radius));
  -moz-border-radius: var(--f-input-border-radius, var(--btn-radius));
  -ms-border-radius: var(--f-input-border-radius, var(--btn-radius));
  -o-border-radius: var(--f-input-border-radius, var(--btn-radius));
  transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--light .input:hover:not([data-wsf-legal]), .form--light .input:hover:enabled:not(:focus):not([data-wsf-legal]), .form--light input:not([type="submit"]):hover:not([data-wsf-legal]), .form--light input:not([type="submit"]):hover:enabled:not(:focus):not([data-wsf-legal]), .form--light select:hover:not([data-wsf-legal]), .form--light select:hover:enabled:not(:focus):not([data-wsf-legal]), .form--light textarea:hover:not([data-wsf-legal]), .form--light textarea:hover:enabled:not(:focus):not([data-wsf-legal]) {
  background-color: var(--f-light-input-color-background-hover, var(--white));
  border-color: var(--f-light-input-border-color-hover, var(--neutral-light));
  color: var(--f-light-input-text-color-hover, var(--neutral-dark));
}
.form--light .input::placeholder, .form--light input:not([type="submit"])::placeholder, .form--light select::placeholder, .form--light textarea::placeholder {
  color: var(--f-light-input-placeholder-color, var(--neutral-dark));
  opacity: var(--f-light-input-placeholder-opacity, 0.5);
  transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--light .input:hover::placeholder, .form--light input:not([type="submit"]):hover::placeholder, .form--light select:hover::placeholder, .form--light textarea:hover::placeholder {
  color: var(--f-light-input-placeholder-color-hover, var(--neutral-dark));
}
.form--light .bricks-button {
  background-color: var(--f-light-btn-background, var(--primary));
  color: var(--f-light-btn-text-color, var(--primary-ultra-light));
  border-style: var(--f-btn-border-style, solid);
  border-width: var(--f-btn-border-width, var(--btn-border-width));
  border-color: var(--f-light-btn-border-color, var(--primary));
  border-radius: var(--f-btn-border-radius, var(--btn-radius));
  -webkit-border-radius: var(--f-btn-border-radius, var(--btn-radius));
  -moz-border-radius: var(--f-btn-border-radius, var(--btn-radius));
  -ms-border-radius: var(--f-btn-border-radius, var(--btn-radius));
  -o-border-radius: var(--f-btn-border-radius, var(--btn-radius));
  font-size: var(--f-btn-text-size, --text-m);
  font-weight: var(--f-btn-font-weight, 400);
  line-height: var(--f-btn-line-height, 1);
  padding: var(--f-btn-padding-y, 0.75em) var(--f-btn-padding-x, 1.5em);
  margin-block-start: var(--f-btn-margin-top, 0);
  text-align: center;
  -webkit-text-decoration: var(--f-btn-text-decoration, none);
  text-decoration: var(--f-btn-text-decoration, none);
  text-transform: var(--f-btn-text-transform, none);
  transition: all var(--btn-transition-duration) ease;
  min-height: var(--f-input-height, 5rem);
}
.form--light .bricks-button:hover {
  background-color: var(--f-light-btn-background-hover, var(--primary-hover));
  color: var(--f-light-btn-text-color-hover, var(--primary-ultra-light));
  border-color: var(--f-light-btn-border-color-hover, var(--primary-hover));
}
.form--light .bricks-button.bricks-background-secondary {
  background-color: var(--f-light-secondary-btn-background-color, var(--neutral-light));
  color: var(--f-light-secondary-btn-text-color, var(--neutral-ultra-dark));
  border-color: var(--f-light-secondary-btn-background-color, var(--neutral-light));
}
.form--light .bricks-button.bricks-background-secondary:hover {
  background-color: var(--f-light-secondary-btn-background-color-hover, var(--neutral-ultra-light));
  color: var(--f-light-secondary-btn-text-color-hover, var(--neutral-ultra-dark));
  border-color: var(--f-light-secondary-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .form-group {
  padding: 0;
}
.form--light .form-group:not(.submit-button-wrapper) {
  margin-block-end: var(--f-field-margin-bottom, 1.5em);
}
.form--light .message {
  margin-block-start: var(--f-field-margin-bottom, 1.5em);
}
.form--light label:not(.ff-el-form-check-label), .form--light div.label {
  background-color: var(--f-light-label-background-color, );
  color: var(--f-light-label-text-color, var(--neutral-dark));
  font-size: var(--f-label-size, --text-m);
  font-weight: var(--f-label-font-weight, 400);
  line-height: var(--f-label-line-height, 1);
  margin-block-end: var(--f-label-margin-bottom, 0.5em);
  text-transform: var(--f-label-text-transform, none);
  padding: var(--f-label-padding-y, 0) var(--f-label-padding-x, 0);
}
.form--light .required:after {
  color: var(--f-light-required-color, var(--action));
}
.form--light input[type="file"] {
  padding: 0;
}
.form--light .choose-files {
  padding: var(--f-input-padding-y 1em, 0.5em 1em);
  color: var(--f-light-upload-btn-text-color, var(--neutral-ultra-dark));
  font-size: var(--text-s-pure, 1.42rem);
  font-size: calc(var(--f-label-size-min, 1.4) * 1rem + (var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) * ((100vw - 36rem) / 108)));
  font-size: clamp(var(--f-label-size-min, 1.4) * 1rem, calc(var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) / 108 * 100vw + var(--f-label-size-min, 1.4) - var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) / 108 * 36 * 1rem), var(--f-label-size-max, 1.6) * 1rem);
  font-weight: var(--f-label-font-weight, 400);
  line-height: var(--f-label-line-height, 1);
  background: var(--f-light-upload-btn-background-color, var(--neutral-light));
  transition: all var(--btn-transition-duration) ease;
}
.form--light .choose-files:hover {
  color: var(--f-light-upload-btn-text-color-hover, var(--neutral-ultra-dark));
  background: var(--f-light-upload-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .file-result.show {
  font-size: var(--text-s-pure, 1.42rem);
  font-size: calc(var(--f-label-size-min, 1.4) * 1rem + (var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) * ((100vw - 36rem) / 108)));
  font-size: clamp(var(--f-label-size-min, 1.4) * 1rem, calc(var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) / 108 * 100vw + var(--f-label-size-min, 1.4) - var(--f-label-size-max, 1.6) - var(--f-label-size-min, 1.4) / 108 * 36 * 1rem), var(--f-label-size-max, 1.6) * 1rem);
  font-weight: var(--f-label-font-weight, 400);
  line-height: var(--f-label-line-height, 1);
  transition: all var(--btn-transition-duration) ease;
}
.form--light .file-result.show .remove:hover {
  background-color: var(--f-light-btn-background-hover, var(--primary-hover));
  color: var(--f-light-btn-text-color-hover, var(--primary-ultra-light));
  border-color: var(--f-light-btn-border-color-hover, var(--primary-hover));
}
.form--light input[type="radio"] {
  accent-color: var(--f-light-option-action-color, var(--primary));
}
.form--light input[type="radio"] + label {
  background-color: var(--f-light-option-background-color, transparent);
  display: inline-block;
  color: var(--f-light-label-text-color, var(--neutral-dark));
  font-family: inherit;
  font-size: var(--f-option-label-size, --text-m);
  font-weight: var(--f-option-label-font-weight, 400);
  line-height: var(--f-option-label-line-height, 1.4);
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  -webkit-padding-start: inherit;
  padding-inline-start: inherit;
  margin: 0;
}
.form--light .options-wrapper li {
  position: relative;
}
.form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) {
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}
.form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus {
  outline: none;
}
.form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before {
  border-color: var(--f-light-focus-color, var(--primary));
  box-shadow: 0 0 0 4px hsl(var(--f-light-focus-hsl, 25 88% 53%) / var(--f-light-focus-color-opacity, 0.25));
  outline: 0;
}
.form--light input[type="checkbox"] + label {
  background-color: var(--f-light-option-background-color, transparent);
  display: inline-block;
  color: var(--f-light-label-text-color, var(--neutral-dark));
  font-family: inherit;
  font-size: var(--f-option-label-size, --text-m);
  font-weight: var(--f-option-label-font-weight, 400);
  line-height: var(--f-option-label-line-height, 1.4);
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.form--light input[type="checkbox"]:hover + label:before {
  background: var(--f-light-option-action-color, var(--primary));
  box-shadow: inset 0px 0px 0px 2px transparent;
}
.form--light input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid var(--f-light-option-border-color, var(--neutral));
  border-radius: 0.2em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background-color: var(--f-light-option-background-color, transparent);
}
.form--light input[type="checkbox"]:checked + label:before {
  background: var(--primary);
  box-shadow: 0 0 0 1px var(--f-light-option-border-color, var(--neutral));
}
.form--light input[type="checkbox"]:checked + label:before {
  background: var(--f-light-option-action-color, var(--primary));
  box-shadow: 0 0 0 1px var(--f-light-option-border-color, var(--neutral));
}
.form--light input[type="checkbox"]:checked + label:after {
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat;
  background-size: 50%;
}
.form--light select {
  background-image: none;
}
.form--light select:not(:has(+ span)) {
  background-image: linear-gradient(45deg, transparent 50%, var(--f-light-select-arrow-color, var(--neutral)) 0), linear-gradient(135deg, var(--f-light-select-arrow-color, var(--neutral)) 50%, transparent 0);
  background-position: calc(100% - 20px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px);
  background-repeat: no-repeat;
  background-size: 4px 4px, 4px 4px;
}
.form--light .options-wrapper li + li {
  margin-block-start: var(--f-option-label-spacing, 0.5em);
}
#shadow-host-companion {
  padding: 0;
}
.radius--s.radius--s {
  border-radius: var(--radius-s);
}
a[class*="link--"]:not(.link--skip), [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
  color: var(--link-color);
  text-decoration-color: var(--link-color);
}
a[class*="link--"]:not(.link--skip):hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
  color: var(--link-color-hover);
  text-decoration-color: var(--link-color-hover);
}
button[class*="link--"], [class*="link--"] button {
  background: transparent;
}