/* ------------------------- Variables -------------------------------------------------- */

:root {
  /* CSS Animations */
  --animation-default-fast: 0.3s cubic-bezier(0.525, 0, 0, 1);
  --animation-default: 0.6s cubic-bezier(0.525, 0, 0, 1);
  --animation-bounce-fast: 0.4s cubic-bezier(0.35, 1.75, 0.6, 1);
  --animation-bounce: 0.6s cubic-bezier(0.35, 1.75, 0.6, 1);
  --animation-ease: 0.15s ease;
  --animation-expo: 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  --animation-expo-fast: 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  
  --section-padding: 7em;
  --container-padding: 18em;
  --container-padding-l: 2em;
  --container-padding-s: 23em;
  --container-padding-xs: 32em;
}

/* Tablet */
@media screen and (max-width: 991px) {
	:root {
	  --section-padding: 6.25em;
		--container-padding: 1.5em;
		--container-padding-l: 1em;
		--container-padding-s: 3em;
		--container-padding-xs: 6em;
		--nav-bar-height: 6em;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	:root {
    --section-padding: 4.5em;
    --container-padding-s: var(--container-padding);
    --container-padding-xs: var(--container-padding);
		--gap: 1em;
		--gap-l: 3em;
		--border-radius-shrink: 2em;
	}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {}

/* ------------------------- Copy/Paste Media Queries -------------------------------------------------- */

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {}

@media screen and (min-width: 992px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 480px) {}

@media (hover: hover) and (pointer: fine) {}
@media (hover: none) and (pointer: coarse) {}

:is(.wf-design-mode, .w-editor) {}

/* ------------------------- Scaling System made by Dennis Snellenberg -------------------------------------------------- */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1740; /* screen-size in design - no px */
  --size-container-min: 992px;
  --size-container-max: 1740px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
	:root {
    --size-container-ideal: 834; /* screen-size in design - no px */
    --size-container-min: 768px;
    --size-container-max: 991px;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	:root {
    --size-container-ideal: 440; /* screen-size in design - no px */
    --size-container-min: 480px;
    --size-container-max: 767px;
	}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	:root {
    --size-container-ideal: 440; /* screen-size in design - no px */
    --size-container-min: 320px;
    --size-container-max: 479px;
	}
}

/* ------------------------- Viewportheight -------------------------------------------------- */

:root {
  --vh-in-px: 8px; /* Default fallback (calculated via JS) */
  --vh: var(--vh-in-px); /* Default to fallback */
  --dvh: var(--vh); /* Same as original VH */
  --svh: var(--vh);
  --lvh: var(--vh);
}

/* Only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
  :root {
    --vh: 1vh; /* Use standard vh */
    --dvh: 1vh;
    --svh: 1vh;
    --lvh: 1vh;
  }

  /* If the device supports svh and lvh */
  @supports (height: 1svh) {
    :root {
      --vh: 1vh;       /* Viewport height */
      --dvh: 1dvh;     /* Dynamic viewport height */
      --svh: 1svh;     /* Small viewport height */
      --lvh: 1lvh;     /* Large viewport height */
    }
  }
}

/* Only on touch devices */
@media (hover: none) and (pointer: coarse) {
  :root {
    --vh: var(--vh-in-px); /* Set vh to JS-calculated fallback initially */
  }

  /* If the device supports svh/lvh on touch */
  @supports (height: 1svh) {
    :root {
      --vh: 1svh;       /* Use real svh if supported (better than 1vh on touch) */
      --dvh: 1dvh;      /* Dynamic viewport height */
      --svh: 1svh;      /* Small viewport height */
      --lvh: 1lvh;      /* Large viewport height */
    }
  }
}

/* ------------------------- Lenis -------------------------------------------------- */

html.lenis {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto; height: 100vh;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

/* ------------------------- Hide Scrollbar -------------------------------------------------- */

body ::-webkit-scrollbar, body::-webkit-scrollbar{display: none;} /* Chrome, Safari, Opera */
body {-ms-overflow-style: none;} /* IE & Edge */
html {scrollbar-width: none;} /* Firefox */

/* ------------------------- Body -------------------------------------------------- */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
li, ul, figure { padding: 0; margin: 0; list-style: none;}

html {
  scroll-behavior: initial;
}

body {
  -webkit-font-smoothing: antialiased;
}

html, body {
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* Selection */
::selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

/* General */
canvas, img, video, picture, figure {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  display: block;
}

img {
  width: 100%;
}

svg {
  max-width: none;
  height: auto;
  box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video, picture, figure {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, span, strong, em, figcaption  {padding: 0; margin: 0;}

video {
  padding: 0 !important;
  outline: 0 solid transparent !important;
  box-shadow: none !important;
}

/* Tablet */
@media screen and (max-width: 991px) {
	.h1 {
	  font-size: 8em;
	}
	
	.h2 {
	  font-size: 5em;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	.h1 {
	  font-size: 4.0625em;
	}
	
	.h2 {
	  font-size: 4.0625em;
	}
}

/* ------------------------- Font Sizes -------------------------------------------------- */

p a {
  font-weight: inherit;
  color: inherit;
}

p strong {
  font-weight: 900;
  color: var(--color-dark);
}

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {}

/* ------------------------- Loading/Transition -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .loading-container,
:is(.wf-design-mode, .w-editor) .transition-container{
  display: none;
}

/* ------------------------- Media Responsive -------------------------------------------------- */

[data-media][data-video-status] [data-img]{
  transition: opacity var(--animation-default-fast);
  opacity: 1;
}

[data-media] video {
  z-index: 1;
}

/* Hide image when video is loaded/playing/paused */
[data-media] video[data-video-status="loaded"] ~ [data-img],
[data-media] video[data-video-status="playing"] ~ [data-img],
[data-media] video[data-video-status="paused"] ~ [data-img] {
  opacity: 0;
}

:is(.wf-design-mode, .w-editor) [data-media] [data-video] {
  display: none;
}

@media screen and (max-width: 767px) {
  :is(.wf-design-mode, .w-editor) [data-media] [data-img="mobile"] {
    z-index: 2;
  }
}

/* ------------------------- (Component) Slots -------------------------------------------------- */

[data-slot]:empty,
[data-slot-parent]:has([data-slot]:empty) {
  display: none;
}

/* ------------------------- Box Shadow -------------------------------------------------- */

[data-box-shadow="m"] {
  box-shadow: inset 0.0375em -0.075em 0 0 rgba(0, 0, 0, 0.14);
}

[data-box-shadow="m-light"] {
  box-shadow: inset 0.0375em -0.075em 0 0 rgba(0, 0, 0, 0.08);
}

[data-box-shadow="s"] {
  box-shadow: inset 0.0437em -0.0625em 0 0 rgba(0, 0, 0, 0.14);
}

@media screen and (max-width: 767px) {
  .card-grid-3 {
    box-shadow: 0em 0em 0.5em 0 rgba(0, 0, 0, 0.06), inset 0.0437em -0.0625em 0 0 rgba(0, 0, 0, 0.1);
  }
}

/* ------------------------- Theme Cards -------------------------------------------------- */

.card-grid-2[data-wf--card-grid-2--theme="dark"] {
  color: var(--color-dark);
}

/* ------------------------- Button -------------------------------------------------- */

/*.btn .btn__inner {*/
/*  transition: background-color var(--animation-ease);*/
/*}*/

/*.btn:hover .btn__inner {*/
/*  background-color: var(--color-light-pink);*/
/*}*/

[data-wf--btn--variant="black"] .btn__inner {
  background-color: var(--color-dark);
  color: var(--color-light);
}

[data-wf--btn--variant="white"] .btn__inner {
  background-color: var(--color-white);
  color: var(--color-dark);
}

/* ------------------------- Announcement -------------------------------------------------- */

.announcement {
  transition: transform var(--animation-bounce-fast);
  transform: translateY(0);
}

[data-navigation-status="active"] .announcement,
[data-scrolling-started="true"] .announcement {
  transform: translateY(calc((var(--announcement-height) + 1px) * -1));
}

.announcement + .nav{
  transition: transform var(--animation-bounce-fast);
  transform: translateY(var(--announcement-height));
}

[data-navigation-status="active"] .announcement + .nav,
[data-scrolling-started="true"] .announcement + .nav,
.announcement.w-condition-invisible + .nav{
  transform: translateY(0);
}

main:has(.announcement) .main-wrap {
  padding-top: calc(var(--nav-bar-height) + var(--announcement-height));
}

main:has(.announcement.w-condition-invisible) .main-wrap {
  padding-top: var(--nav-bar-height);
}

:is(.wf-design-mode, .w-editor) .announcement {
  position: absolute;
}

.announcement[data-wf--announcement--variant="black"] {background-color: var(--color-dark); color: var(--color-white);}
.announcement[data-wf--announcement--variant="white"] {background-color: var(--color-white);}
.announcement[data-wf--announcement--variant="blue"] {background-color: var(--color-blue);}
.announcement[data-wf--announcement--variant="green"] {background-color: var(--color-green);}
.announcement[data-wf--announcement--variant="orange"] {background-color: var(--color-orange);}

/* ------------------------- Nav Bar -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .nav {
  position: absolute;
}

/* Nav Bar */
.nav-bar {
  transition: height var(--animation-bounce-fast);
  height: calc(var(--btn-height) + 2em + 1.5em + 3em);
}

@media screen and (min-width: 992px) {
  [data-scrolling-started="true"] .nav-bar,
  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar {
    height: calc(var(--btn-height) + 2em + 3em);
  }
}

@media screen and (max-width: 991px) {
  .nav-bar {
    height: var(--nav-bar-height);
  }
  
  .nav-bar__wrap {
    transition: all var(--animation-ease);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  
  [data-navigation-status="active"] .nav-bar__wrap {
    transition: all var(--animation-default-fast);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

/* Logo */
@media screen and (min-width: 992px) {
  .nav .nav-logo__inner {
    transition: width var(--animation-bounce-fast);
  }
  
  [data-scrolling-started="true"] .nav .nav-logo__inner,
  .nav-bar:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-logo__inner{
    width: var(--btn-height);
  }
  
  .nav-bar__logo-wrap {
    transition: all var(--animation-bounce-fast);
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__logo-wrap {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) rotate(0.001deg);
  }
}

@media screen and (max-width: 991px) {
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__logo-wrap {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) rotate(0.001deg);
  }
  
  .nav-bar__logo-wrap,
  [data-scrolling-started][data-navigation-status="active"] .nav-bar__logo-wrap {
    transition: all var(--animation-bounce-fast);
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
  }
}


/* BG */
.nav-bar__bg {
  transition: all var(--animation-default-fast), height var(--animation-default-fast), opacity var(--animation-ease);
  opacity: 0;
  filter: drop-shadow(0em 0.375em 6.125em rgba(0, 0, 0, 0.225));
}

@media screen and (min-width: 992px) {  
  [data-scrolling-started="true"] .nav-bar__bg {
    opacity: 1;
    height: calc(var(--nav-bar-height) - 4.5em);
  }

  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar__bg {
    transition: all var(--animation-bounce-fast), height 0.4s cubic-bezier(0.35, 1.3, 0.6, 1), opacity var(--animation-ease);
    height: calc(var(--nav-bar-sub-height) + 1em);
    left: -0.5em;
    top: -0.5em;
    width: calc(100% + 1em);
    opacity: 1;
  }
  
  [data-scrolling-started="true"] .nav-bar__bg {
    opacity: 1;
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav .nav-bar .nav-bar__bg {
    opacity: 0;
  }
}

@media screen and (max-width: 991px) {
  
  [data-navigation-status] .nav-bar__bg {
    transition: all var(--animation-default-fast), opacity var(--animation-ease);
    height: 100%;
    transform: translate(0em, 0em) rotate(0.001deg);
    width: 100%;
  }
  
  [data-scrolling-started="true"] .nav-bar__bg {
    opacity: 1;
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__bg {
    opacity: 0;
  }
  
  [data-scrolling-started][data-navigation-status="active"] .nav-bar__bg {
    transition: all var(--animation-default-fast), opacity var(--animation-ease);
    height: calc(100 * var(--dvh));
    opacity: 1;
    transform: translate(-0.5em, -0.5em) rotate(0.001deg);
    width: calc(100% + 1em);
    border-radius: 0em;
  }
}


/* Btn */
@media screen and (max-width: 767px) {
  .nav-bar__btn-wrap .btn__inner {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  
  .nav-bar__btn-wrap .btn__text-p {
    font-size: 0.9375em;
  }
}

@media screen and (min-width: 992px) {
  .nav-bar-link .nav-bar-link__inner{
    transition: background-color var(--animation-ease);
    background-color: transparent;
  }
  
  .nav-bar-link[aria-current="page"] .nav-bar-link__inner {
    /*background-color: var(--color-deep-paper);*/
    background-color: #E8E2D5;
  }
  
  .nav-bar-link:hover .nav-bar-link__inner {
    background-color: #D9D2C4;
  }
  
  .nav-bar__hamburger-wrap {
    transition: margin-right 0.4s cubic-bezier(0.35, 1.4, 0.6, 1);
    margin-right: -0.75em;
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__hamburger-wrap {
    margin-right: 0em;
    transition: margin-right var(--animation-bounce-fast);
  }
  
  .hamburger__scale {
    transition: width 0.4s cubic-bezier(0.35, 1.4, 0.6, 1);
    width: 0.75em;
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .hamburger__scale {
    width: calc(var(--btn-height) + 0.75em);
    transition: width var(--animation-bounce-fast);
  }
  
  .hamburger__scale .hamburger {
    transition: transform var(--animation-default-fast);
    transform: scale(0) rotate(0.001deg);
    transform-origin: left center;
    pointer-events: none;
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .hamburger__scale .hamburger {
    transition: transform var(--animation-bounce-fast);
    transform: scale(1) rotate(0.001deg);
  }
  
  .nav-bar__ul > .nav-bar__li {
    transition: all var(--animation-default-fast), transform var(--animation-bounce-fast);
  }
  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__ul > .nav-bar__li {
    transition: all var(--animation-default-fast), transform var(--animation-default-fast);
    transform: scale(0.8) rotate(0.001deg);
    opacity: 0;
    visibility: hidden;
  }
  
  .nav-bar__li:nth-child(2) {transition-delay: 0.1s;}
  .nav-bar__li:nth-child(3) {transition-delay: 0.2s;}
  .nav-bar__li:nth-child(4) {transition-delay: 0.3s;}
  .nav-bar__li:nth-child(5) {transition-delay: 0.4s;}
  .nav-bar__li:nth-child(6) {transition-delay: 0.5s;}
  .nav-bar__li:nth-child(7) {transition-delay: 0.6s;}
  .nav-bar__li:nth-child(8) {transition-delay: 0.7s;}
  .nav-bar__li:nth-child(9) {transition-delay: 0.8s;}
}

@media screen and (max-width: 991px) {

  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav-bar__btn-wrap {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) rotate(0.001deg);
  }
  
  .nav-bar__btn-wrap,
  [data-scrolling-started][data-navigation-status="active"] .nav-bar__btn-wrap {
    transition: all var(--animation-bounce-fast) 0.05s;
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
  }
  
  .nav-bar__li {
    transition: all var(--animation-default-fast), transform var(--animation-default-fast);
    transition-delay: 0s;
    transform: scale(0.8) rotate(0.001deg);
    opacity: 0;
    visibility: hidden;
  }
  
  [data-navigation-status="active"] .nav-bar__li {
    transition: all var(--animation-default-fast), transform var(--animation-bounce-fast);
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
    transition-delay: 0s;
  }
  
  [data-navigation-status="active"] .nav-bar__li:nth-child(2) {transition-delay: 0.1s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(3) {transition-delay: 0.2s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(4) {transition-delay: 0.3s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(5) {transition-delay: 0.4s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(6) {transition-delay: 0.5s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(7) {transition-delay: 0.6s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(8) {transition-delay: 0.7s;}
  [data-navigation-status="active"] .nav-bar__li:nth-child(9) {transition-delay: 0.8s;}
}

/* Hamburger */

.hamburger {
  transition: var(--animation-default-fast);
}

[data-navigation-status="active"] .hamburger {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.hamburger__bar {
  transition: transform var(--animation-bounce-fast);
}

[data-navigation-status="active"] .hamburger__bar {
  transform: translate(0%, 0%) scaleX(0) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger__bar.is--first {
  transform: translate(0%, 0%) rotate(45deg);
}

[data-navigation-status="active"] .hamburger__bar.is--last {
  transform: translate(0%, 0%) rotate(-45deg);
}



/* Sub Nav */
@media screen and (min-width: 992px) {
  .nav-bar__sub {
    transition: all var(--animation-ease);
  }
  
  .nav-bar-link:hover + .nav-bar__sub,
  .nav-bar__sub:hover {
    transition: all var(--animation-default-fast);
    opacity: 1;
    visibility: visible;
  }
}

.nav-card .nav-card__inner {
  transition: background-color var(--animation-ease);
}

.nav-card:hover .nav-card__inner {
  background-color: var(--color-medium-pink);
}

.nav-card:has(img) {
  color: var(--color-white);
}

.nav-card:has(img) .nav-card__dark {
  transition: opacity var(--animation-ease);
}

.nav-card:has(img):hover .nav-card__dark {
  opacity: 0.2;
}

@media screen and (min-width: 992px) {
  .nav-bar__sub-li {
    transition: all var(--animation-default-fast), transform var(--animation-bounce-fast);
    transition-delay: 0s;
    transform: scale(0.8) rotate(0.001deg);
  }
  
  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar__sub-li {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
    transition-delay: 0s;
  }
  
  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar__sub-li:nth-child(2) {transition-delay: 0.1s;}
  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar__sub-li:nth-child(3) {transition-delay: 0.2s;}
  .nav:has(.nav-bar-link:hover + .nav-bar__sub, .nav-bar__sub:hover) .nav-bar__sub-li:nth-child(4) {transition-delay: 0.3s;}
}

@media screen and (max-width: 991px) {
  .nav-bar__sub-li {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
  }
  
  .nav-bar__sub {
    transition: grid-template-rows var(--animation-default-fast);
  }
  
  [data-accordion-status="active"] .nav-bar__sub {
    grid-template-rows: 1fr;
  }
  
  .nav-bar-link__arrow {
    transition: transform var(--animation-bounce-fast);
    transform: rotate(0.001deg);
  }
  
  [data-accordion-status="active"] .nav-bar-link__arrow {
    transform: rotate(180deg);
  }
  
  .nav-bar__sub-li {
    transition: all var(--animation-default-fast), transform var(--animation-bounce-fast);
    transition-delay: 0s;
    transform: scale(0.8) rotate(0.001deg);
    opacity: 0;
    visibility: hidden;
  }
  
  [data-accordion-status="active"] .nav-bar__sub-li {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0.001deg);
    transition-delay: 0s;
  }
  
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(2) {transition-delay: 0.1s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(3) {transition-delay: 0.2s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(4) {transition-delay: 0.3s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(5) {transition-delay: 0.4s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(6) {transition-delay: 0.5s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(7) {transition-delay: 0.6s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(8) {transition-delay: 0.7s;}
  [data-accordion-status="active"] .nav-bar__sub-li:nth-child(9) {transition-delay: 0.8s;}
}

@media screen and (max-width: 991px) {
  :is(.wf-design-mode, .w-editor) .nav {
    overflow: hidden;
  }
}

/* ------------------------- Title Row (component) -------------------------------------------------- */

.title-row[data-wf--title-row--variant="left"] {
  text-align: left;
  align-items: flex-start;
}

/* ------------------------- Logo Pills -------------------------------------------------- */

[data-logo-flip-init] [data-logo-pill-item]:nth-child(n+18) {
  display: none;
}

@media screen and (max-width: 767px) {
  [data-logo-flip-init] [data-logo-pill-item]:nth-child(n+11) {
    display: none;
  }
  
  [data-logo-flip-init] [data-logo-pill-item]:nth-child(1) {
    margin-left: 3em;
  }
  
  [data-logo-flip-init] [data-logo-pill-item]:nth-child(3) {
    margin-right: 3em;
  }
}


/* ------------------------- Grid Card 3 -------------------------------------------------- */

@media screen and (min-width: 768px) {
  :is([data-wf--grid-deck--variant="grid-1-2"], [data-wf--grid-deck-no-stack-mobile--variant="grid-1-2"]) .grid-deck__col:nth-child(1) {
    width: 100%;
  }
  
  :is([data-wf--grid-deck--variant="grid-1-2"], [data-wf--grid-deck-no-stack-mobile--variant="grid-1-2"]) .grid-deck__col:nth-child(1) .card-grid__before {
    padding-top: 50%;
  }
  
  :is([data-wf--grid-deck--variant="grid-1-2"], [data-wf--grid-deck-no-stack-mobile--variant="grid-1-2"]) .grid-deck__col:nth-child(1) .card-grid-3__content {
    flex-direction: row;
    padding-bottom: 0;
    gap: 3.5em;
  }
  
  :is([data-wf--grid-deck--variant="grid-1-2"], [data-wf--grid-deck-no-stack-mobile--variant="grid-1-2"]) .grid-deck__col:nth-child(1) .card-grid-3__text {
    order: -1;
    width: 40%;
    justify-content: center;
  }
  
  :is([data-wf--grid-deck--variant="grid-1-2"], [data-wf--grid-deck-no-stack-mobile--variant="grid-1-2"]) .grid-deck__col:nth-child(4) {
    display: none;
  }
}


/* ------------------------- Sticky Stack -------------------------------------------------- */

@media screen and (max-width: 767px) {
  .grid-deck__col {
    top: clamp(1em, (100dvh - 32.875em) / 2, var(--nav-bar-height));
  }
}

[data-stacking-card-target] {
  will-change: transform;
}

/* ------------------------- Sun -------------------------------------------------- */

[data-sun-bg] {
  transform-origin: center center;
  animation: rotateSun 24s linear infinite;
}

/* CSS Keyframe Animation */
@keyframes rotateSun { 
	100% {
    transform: rotate(360deg);
  }
}


/* ------------------------- Rich -------------------------------------------------- */

.rich :is(h1, h2, h3, h4, h5, h6, a, p) :is(strong, a, em) { 
  font-size: inherit;
  margin-top: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-bottom: inherit;
}

.rich {
  font-size: 1.0625em;
}

.rich p {
  font-size: 1em;
  /*color: var(--color-dark-grey-transparent);*/
  color: var(--color-dark);
  margin-bottom: 1.5em;
  line-height: 1.4;
}

.rich-article .rich p {
  font-size: 1.25em;
}

.rich strong,
.rich p strong {
  color: var(--color-dark);
  font-weight: 900;
}

.rich figure {
  max-width: 100%;
  margin-bottom: 1.5em;
  margin-top: 3em;
}

.rich figure figcaption {
  opacity: 0.5;
  font-size: 0.9375em;
}

.rich figure > div {
  font-size: unset;
}

.rich img,
.rich figure.w-richtext-figure-type-video {
  border-radius: var(--border-radius-xs);
  overflow: hidden;
}

@media screen and (max-width: 767px) { 
  .rich img,
  .rich figure.w-richtext-figure-type-video {
    border-radius: 0.75em;
  }
}

.rich :is(h1, h2) {
  font-size: 2.25em;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 0.75em;
  margin-top: 2em;
}

@media screen and (max-width: 767px) { 
  .rich :is(h1, h2) {
    font-size: 2em;
  }
}

.rich :is(h3) {
  font-size: 1.5em;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 1em;
}

.rich :is(h4) {
  font-size: 1.25em;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 1em;
}

.rich :is(h5, h6) {
  font-size: 1.125em;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 1em;
}

.rich ul,
.rich ol {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

.rich-article .rich ul {
  font-size: 1.25em;
}

.rich li {
  font-size: 1em;
  color: var(--color-dark-grey-transparent);
}

.rich ol {
  counter-reset: my-awesome-counter;
}

.rich ol li {
  counter-increment: my-awesome-counter;
  position: relative;
  list-style: none;
  margin-bottom: 1em;
}

.rich ol li::before {
  content: counter(my-awesome-counter) ".";
  display: block;
  position: absolute;
  top: 0em;
  left: -1em;
  opacity: 0.5;
}

.rich ul li {
  position: relative;
  list-style: none;
  margin-bottom: 1em;
}

.rich ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 0.25em;
  height: 0.25em;
  border-radius: 0.5em;
  background-color: currentColor;
  opacity: 0.5;
}

.rich ol li:last-child,
.rich ul li:last-child {
  margin-bottom: 0;
}

.rich a {
  color: inherit;
}

.rich > *:last-child {
  margin-bottom: 0;
}

.rich > *:first-child {
  margin-top: 0;
}

/* ------------------------- FAQ - Accordion (Osmo) -------------------------------------------------- */


.faq .rich :is(h1, h2, h3, h4, h5, h6) {
  font-size: 1.5em;
  line-height: 0.98;
  letter-spacing: unset;
}

.faq .accordion-css__item-bottom {
  transition: grid-template-rows var(--animation-default);
}

.faq [data-accordion-status="active"] .accordion-css__item-bottom {
  grid-template-rows: 1fr;
}

.faq .accordion-css__item-icon {
  transition: transform var(--animation-bounce);
}

.faq [data-accordion-status="active"] .accordion-css__item-icon {
  transform: rotate(180deg);
}


/* ------------------------- Basic GSAP Slider (Osmo) -------------------------------------------------- */


[data-gsap-slider-init] {
  --slider-status: on; /* Turn slider on/off */
  --slider-spv: 3; /* Slides per view */ 
  --slider-gap: 1.5em; /* Slides Gap */
}

@media screen and (max-width: 991px) {
   [data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 2.25; /* Slides per view */ 
    --slider-gap: 1.5em; /* Slides Gap */
  } 
}

@media screen and (max-width: 767px) {
  [data-gsap-slider-init] { 
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 1.15; /* Slides per view */ 
    --slider-gap: 1em; /* Gap */
  }
}

[data-gsap-slider-item]:last-child {
  margin-right: 0;
}

/* Controls */
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
  display: none;
}

[data-gsap-slider-control-status="not-active"] { 
  pointer-events: none;
}

.btn-arrow__inner {
  transition: background-color var(--animation-ease);
}

:is(.wf-design-mode, .w-editor) .blog-slider__controls .btn-arrow:nth-child(1) .btn-arrow__inner,
[data-gsap-slider-control-status="not-active"] .btn-arrow__inner {
  background-color: var(--color-medium-paper);
}

.btn-arrow__arrow {
  transition: opacity var(--animation-ease);
}

:is(.wf-design-mode, .w-editor) .blog-slider__controls .btn-arrow:nth-child(1) .btn-arrow__arrow,
[data-gsap-slider-control-status="not-active"] .btn-arrow__arrow {
  opacity: 0.4;
}

.usp-slider__row-dots:has([data-gsap-slider-dots]:empty) {
  display: none;
}

.gsap-slider-dot::before {
  transition: background-color var(--animation-ease);
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
}

.gsap-slider-dot:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
}

.gsap-slider-dot[data-gsap-slider-dot-status="active"]::before {
  background-color: rgba(0, 0, 0, 1);
}

/* ------------------------- USP Slider - Custom -------------------------------------------------- */

.usp-slider [data-gsap-slider-init] {
  --slider-status: on; 
  --slider-spv: 3;
  --slider-gap: 3em;
  --visual-count-slides: calc(100% / var(--visual-count-slides));
}

@media screen and (max-width: 991px) {
  .usp-slider [data-gsap-slider-init] {
    --slider-status: on; 
    --slider-spv: 2;
    --slider-gap: 1.5em;
  } 
}

@media screen and (max-width: 767px) {
  .usp-slider [data-gsap-slider-init] { 
    --slider-status: on; 
    --slider-spv: 1.1675;
    --slider-gap: 2em; 
  }
}

.usp-slider [data-gsap-slider-item] .card-slider-usp {
  transition: all var(--animation-ease), transform var(--animation-bounce-fast);
}

@media screen and (min-width: 992px) {
  .usp-slider [data-gsap-slider-status="not-active"] [data-gsap-slider-item]:nth-child(2) .card-slider-usp,
  .usp-slider [data-gsap-slider-status="active"] [data-gsap-slider-item][data-gsap-slider-item-status="active"] + [data-gsap-slider-item] .card-slider-usp{
    transform: scale(1.1) rotate(0.001deg);
  }
  
  .usp-slider [data-gsap-slider-status="active"] [data-gsap-slider-item][data-gsap-slider-item-status="not-active"] .card-slider-usp {
    transform: scale(0.75) rotate(0.001deg);
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (max-width: 767px) {
  .usp-slider [data-gsap-slider-status="not-active"] [data-gsap-slider-item]:nth-child(1) .card-slider-usp,
  .usp-slider [data-gsap-slider-status="active"] [data-gsap-slider-item][data-gsap-slider-item-status="active"] .card-slider-usp {
    transform: scale(1.1) rotate(0.001deg);
  }
}

/* ------------------------- USP Slider - Grid -------------------------------------------------- */

.usp-slider .gsap-slider__list.is--grid {
  --slider-status: off; 
  --slider-spv: 3;
  --slider-gap: var(--gap);
  --visual-count-slides: calc(100% / var(--visual-count-slides));
  gap: var(--slider-gap);
}

.usp-slider .gsap-slider__list.is--grid .gsap-slider__item {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .usp-slider .gsap-slider__list.is--grid {
    --slider-status: off; 
    --slider-spv: 2;
    --slider-gap: var(--gap);
  } 
}

@media screen and (max-width: 767px) {
  .usp-slider .gsap-slider__list.is--grid { 
    --slider-status: off; 
    --slider-spv: 1;
    --slider-gap: var(--gap);
  }
}

/* Short Cards Variant */
.usp-slider[data-wf--usp-grid--card-size="short"] .gsap-slider__list.is--grid .gsap-slider__item .card-slider-usp__before {
 padding-top: 100%;
}

.usp-slider[data-wf--usp-grid--card-size="short"] .gsap-slider__list.is--grid .gsap-slider__item .card-slider-usp__icon {
  width: 6em;
  margin-bottom: -0.5em;
  margin-top: -0.75em;
}



/* ------------------------- Progress Slider - Custom -------------------------------------------------- */

.progress-slider [data-gsap-slider-init] {
  --slider-status: on; 
  --slider-spv: 1;
  --slider-gap: 1.5em;
  --visual-count-slides: calc(100% / var(--visual-count-slides));
}

@media screen and (max-width: 991px) {
  .progress-slider [data-gsap-slider-init] {
    --slider-status: on; 
    --slider-spv: 1;
    --slider-gap: 1em;
  } 
}

@media screen and (max-width: 767px) {
  .progress-slider [data-gsap-slider-init] { 
    --slider-status: on; 
    --slider-spv: 1;
    --slider-gap: 0.5em; 
  }
}

.gsap-slider__indicator {
  transition: all var(--animation-default-fast);
}

.gsap-slider__indicator-hide {
  transition: all var(--animation-default);
}

[data-gsap-slider-init][data-gsap-slider-autoplay-status="not-active"] .gsap-slider__indicator-hide {
  opacity: 0;
  visibility: hidden;
}

.progress-slider,
[data-wf--progress-slider--variant="orange"] {
  --color-theme: var(--color-orange);
}

[data-wf--progress-slider--variant="pink"] {
  --color-theme: var(--color-medium-pink);
}

.gsap-slider__btn {
  transition: background-color var(--animation-ease);
}
  
[data-gsap-slider-nav-btn-status="not-active"]:hover .gsap-slider__btn,
[data-wf--progress-slider--variant="orange"] [data-gsap-slider-nav-btn-status="not-active"]:hover .gsap-slider__btn {
  /*background-color: var(--color-theme);*/
  background-color: #FFC156;
}

[data-wf--progress-slider--variant="pink"] [data-gsap-slider-nav-btn-status="not-active"]:hover .gsap-slider__btn {
  background-color: #FFBEEC;
}


:is(.wf-design-mode, .w-editor) .progress-slider .gsap-slider__btn-wrap:nth-child(1) > * {
  background-color: var(--color-white);
}

.progress-slider + .progress-slider {
  padding-top: 3em;
}

@media screen and (max-width: 767px) {
  .progress-slider + .progress-slider {
    padding-top: 2em;
  }
}

@media screen and (min-width: 992px) {
  .card-progress[data-wf--card-slider-progress--theme="light"] {
    color: var(--color-dark);
  }
}

/* ------------------------- Brand Card -------------------------------------------------- */

.brand-card .btn {
  color: currentColor;
}

.brand-card .btn__inner {
  background-color: currentColor;
  color: inherit;
  height: 3em;
  padding-bottom: 0;
}

.brand-card .btn__text-p {
  color: var(--color-dark);
  font-size: 1em;
}

.brand-card[data-btn-text-color="Light"] .btn__text-p {
  color: var(--color-white);
}


/* ------------------------- Blog Grid -------------------------------------------------- */


/* Start */

@media screen and (min-width: 992px) {
  .grid-blog-start .card-blog__h2 {
    font-size: 2.5em;
  }
}

/* Grid Small */

@media screen and (max-width: 991px) {
  
  .grid-blog .card-blog {
    flex-direction: row;
  }
  
  .grid-blog .card-blog__row-image {
    width: 37.5%;
    flex-shrink: 0;
  }
  
  .grid-blog .card-blog__row-text {
    justify-content: center;
  }
  
  .grid-blog .grid-blog__row {
    gap: 1.5em;
  }
  
  .grid-blog .grid-blog__col:nth-child(6n + 4) {
    padding-top: calc(var(--section-padding) - 1.5em);
  }
  
  .grid-blog .grid-blog__col:nth-child(6n + 4) .card-blog__row-image,
  .grid-blog .grid-blog__col:nth-child(6n + 5) .card-blog__row-image,
  .grid-blog .grid-blog__col:nth-child(6n + 6) .card-blog__row-image { 
    order: 2; 
  }
}

@media screen and (max-width: 767px) {
  
  .grid-blog .card-blog {
    gap: 0.75em;
  }
  
  .grid-blog .card-blog__row-image {
    width: 45%;
  }
  
  .grid-blog .card-blog__image {
    border-radius: 1.5em;
  }
  
  .grid-blog .card-blog__h2 {
    font-size: 1.25em;
  }
  
  .grid-blog .grid-blog__row {
    gap: 1em;
  }
  
  .grid-blog .grid-blog__col:nth-child(6n + 4) {
    padding-top: calc(var(--section-padding) - 1em);
  }
}

/* ------------------------- Underline Link (Osmo) -------------------------------------------------- */


.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after{
  content: "";
  position: absolute;
  bottom: 0.125em;
  left: 0;
  width: 100%;
  height: 0.09375em;
  background-color: currentColor;
  transition: transform var(--animation-default-fast);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}


/* ------------------------- Live Form Validation (Osmo) -------------------------------------------------- */

/* Field: Error */
[data-validate].is--error .form-label {
  color: var(--color-error);
}

/*[data-validate].is--error .form-input,*/
/*[data-validate].is--error .form-input::placeholder,*/
/*[data-validate].is--error .checkbox-input:not(:checked) + .radiocheck-label {*/
/*  color: var(--color-error);*/
/*}*/

.form-collection:has([data-validate].is--error) .form-collection__error {
  display: block;
}

.form:has([data-validate].is--error) .form-submit-btn {
  cursor: not-allowed;
}

.form:has([data-validate].is--error) .form-submit-btn .btn {
  pointer-events: none;
}

.form:has([data-validate].is--error) .form-submit-btn .btn__inner{
  background-color: var(--color-deep-paper);
  color: var(--color-medium-grey-transparent);
}


/* Field: Custom Radio or Checkbox */
[data-form-validate] .radiocheck-field input:hover ~ .radiocheck-custom,
[data-form-validate] .radiocheck-field input:focus-visible ~ .radiocheck-custom {
  background-color: var(--color-medium-pink);
  border-color: var(--color-medium-pink);
  color: var(--color-light);
}

[data-form-validate] .radiocheck-field input:focus-visible:checked ~ .radiocheck-custom,
[data-form-validate] .radiocheck-field input:checked ~ .radiocheck-custom {
  background-color: var(--color-pink);
  color: var(--color-white);
  border-color: var(--color-pink) !important;
}

[data-validate].is--error .radiocheck-custom {
  border-color: var(--color-error); 
  background-color: rgba(255, 0, 0, 0.15);
  color: transparent;
}

[data-validate].is--error input:checked ~ .radiocheck-custom {
  border-color: var(--color-error);  
}


/* ------------------------- Quote Combo -------------------------------------------------- */

.quote-combo-card__wrap.is--top .quote-combo-card[data-wf--quote-combo-card--variant="pink"] {background-color: var(--color-medium-pink);}
.quote-combo-card[data-wf--quote-combo-card--variant="pink"] .quote-combo-card__bg {background-color: var(--color-light-pink);}

.quote-combo-card__wrap.is--top .quote-combo-card[data-wf--quote-combo-card--variant="orange"] {background-color: var(--color-orange);}
.quote-combo-card[data-wf--quote-combo-card--variant="orange"] .quote-combo-card__bg {background-color: var(--color-light-orange);}

.quote-combo-card__wrap.is--top .quote-combo-card[data-wf--quote-combo-card--variant="blue"] {background-color: var(--color-blue);}
.quote-combo-card[data-wf--quote-combo-card--variant="blue"] .quote-combo-card__bg {background-color: var(--color-light-blue);}

.quote-combo-card__wrap.is--top .quote-combo-card[data-wf--quote-combo-card--variant="white"] {background-color: var(--color-white);}
.quote-combo-card[data-wf--quote-combo-card--variant="white"] .quote-combo-card__bg {background-color: var(--color-white);}



.quote-combo-card__p:empty,
.quote-combo-card__p.wf-empty {
  display: none;
}

.quote-combo .quote-combo-card__wrap .quote-combo-card:nth-child(2),
.quote-combo .quote-combo-card__wrap .quote-combo-card:nth-child(3) {
  position: absolute;
}

/* Cards Status */

[data-quote-active] .quote-combo-card {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.75) translateY(50%) rotate(5deg);
}

.quote-combo-card__wrap.is--top .quote-combo-card {
  transform: scale(0.75) translateY(50%) rotate(-5deg);
}

[data-quote-active] .quote-combo-card[data-quote-status="transitioning-out"] {
  transition: all var(--animation-default-fast), transform var(--animation-default-fast);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8) translateY(0%) rotate(0.001deg);
}

[data-quote-active] .quote-combo-card[data-quote-status="active"],
:is(.wf-design-mode, .w-editor) .quote-combo-card:nth-child(2) {
  transition: all var(--animation-ease), transform var(--animation-default);
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(0%) rotate(0.001deg);
}

/* Logo Pill Status */

.quote-combo-card__wrap.is--top .quote-combo-card {
  transition-delay: 0.05s;
}

.quote-combo .quote-combo__logo {
  transition: width var(--animation-bounce);
}

[data-quote-buttons] [data-quote-status="active"],
:is(.wf-design-mode, .w-editor) .quote-combo .quote-combo__logo:nth-child(2) {
  width: 10em;
}

.logo-pill__progress {
  transition: opacity var(--animation-bounce);
  opacity: 0;
}

[data-quote-buttons] [data-quote-status="active"] .logo-pill__progress {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  [data-quote-buttons] [data-quote-status="active"],
  :is(.wf-design-mode, .w-editor) .quote-combo .quote-combo__logo:nth-child(2) {
    width: 8em;
  }
}

/* ------------------------- Cards Stack Big -------------------------------------------------- */

@media screen and (min-width: 992px) {
  .card-stack-big[data-wf--card-stack-big--theme="light"] .card-stack-big__text {
    color: var(--color-dark);
  }
}

/*@media screen and (max-width: 767px) {*/
/*  .card-stack-big[data-wf--card-stack-big--theme="light"] .card-stack-big__text {*/
/*    color: var(--color-dark);*/
/*  }*/
/*}*/

/* ------------------------- Highlight text -------------------------------------------------- */

[data-wf--highlight-text--align-text="center"] .highlight-text__h2 {
  text-align: center;
}


/* ------------------------- Cards Stack Number -------------------------------------------------- */

.card-stack-number[data-wf--card-stack-number--variant="dark"] .p-m {
  color: var(--color-white);
}

.card-stack-number[data-wf--card-stack-number--variant="dark"] .card-stack-number__number {
  color: var(--color-white);
  opacity: 0.5;
}

.card-stack-number[data-wf--card-stack-number--variant="light"] .card-stack-number__number {
  color: var(--color-dark);
  opacity: 0.17;
}

@media screen and (min-width: 768px) {
  
  :is(.wf-design-mode, .w-editor) .cards-stack-number__row-cards {
    flex-direction: row;
    gap: 0em;
  }

  :is(.wf-design-mode, .w-editor) .cards-stack-number [data-stacking-card]:nth-child(1) .cards-stack-number__card-wrap {
    transform: translate(13.75em, 2.125em) rotate(-5deg);
  }
  
  :is(.wf-design-mode, .w-editor) .cards-stack-number [data-stacking-card]:nth-child(2) .cards-stack-number__card-wrap {
    transform: rotate(2deg);
  }
  
  :is(.wf-design-mode, .w-editor) .cards-stack-number [data-stacking-card]:nth-child(3) .cards-stack-number__card-wrap {
    transform: translate(-13em, 4.5em) rotate(6deg);
  }

}

/* ------------------------- Boxed Eyebrow -------------------------------------------------- */

.boxed-eyebrow[data-wf--boxed-eyebrow--variant="black"] {background-color: var(--color-dark); color: var(--color-light);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="white"] {background-color: var(--color-white);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="blue"] {background-color: var(--color-blue);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="light-blue"] {background-color: var(--color-light-blue);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="paper"] {background-color: var(--color-deep-paper);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="orange"] {background-color: var(--color-orange);}
.boxed-eyebrow[data-wf--boxed-eyebrow--variant="light-orange"] {background-color: var(--color-light-orange);}