:root {
	--font-from: 16;
	--font-to: 16;
	--vw-from: calc(1920 / 100);
	--vw-to: calc(2400 / 100);
	--coefficient: calc((var(--font-to) - var(--font-from)) / (var(--vw-to) - var(--vw-from)));
	--base: calc((var(--font-from) - var(--vw-from) * var(--coefficient)) / 16);

	--nav-bg-height: calc(12rem + calc(2em + 3em + 2.5em + 3em));
	--cubic-default: cubic-bezier(0.525, 0, 0, 1);
	--duration-fast: 0.2s;
	--duration-normal: 0.450s;
	--color-dark: #2b1d15;

	--easing: cubic-bezier(0.22, 1, 0.36, 1);


	--nav-bg-height: calc(200px + calc(2em + 3em + 2.5em + 3em));
	--cubic-default: cubic-bezier(0.525, 0, 0, 1);
	--duration-fast: 0.2s;
	--duration-normal: 0.450s;
	--color-dark: #2b1d15;
}

html {
	font-size: calc(var(--base) * 1rem + var(--coefficient) * 1vw);
	scrollbar-gutter: stable;
	/* Reserve space for scrollbar */
}


body {
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-lines: 2;

  -moz-hyphenate-limit-chars: 6 3 3;

  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-chars: 6 3 3;

  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  -webkit-font-smoothing: antialiased;
}


@media screen and (max-width: 1920px) {
	:root {
		--font-from: 14;
		--font-to: 16;
		--vw-from: calc(1440 / 100);
		--vw-to: calc(1920 / 100);
	}
}

@media screen and (max-width: 1440px) {
	:root {
		--font-from: 12;
		--font-to: 14;
		--vw-from: calc(1 / 100);
		--vw-to: calc(1440 / 100);
	}
}



.wf-design-mode .loader {
	display: none;
}

[data-load-reset] {
	opacity: 0;
}


a:focus-visible,
button:focus-visible {
	outline: none;
}

.nav-bg {
	transition: height var(--duration-normal) var(--easing);
}

.page-bg {
	transition: opacity var(--duration-fast) var(--easing);
}

.nav {
	transition: all var(--duration-fast) var(--easing);
}

/* .nav-button {transition: all var(--duration-fast) var(--easing);} */


/* ———— SHOW DROPDOWN ———— */
.nav-dropdown {
	transition: all var(--duration-fast) ease, transform var(--duration-normal) var(--easing);
}

[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover+.nav-dropdown,
[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-visible+.nav-dropdown,
[data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:hover,
[data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:focus-within,
.wf-design-mode [data-dropdown-toggle="open"]+.nav-dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/*———— DROPDOWN TOGGLE ———— */
.nav-link__dropdown-icon {
	transition: transform var(--duration-normal) var(--easing);
}

[data-dropdown-toggle] {
	transition: background-color var(--duration-fast) var(--easing);
}


/*———— STYLING WHEN DROPDOWN IS OPEN ———— */
:is(body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover),
	body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-visible),
	body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-within),
	body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:hover),
	body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:focus-within)),
.wf-design-mode body:has([data-dropdown-toggle="open"]) {
	.nav-bg {
		height: var(--nav-bg-height);
	}

	.page-bg {
		opacity: 1;
	}

	.nav {
		color: var(--color-dark);
	}

	.nav-button {
		border-color: var(--color-dark);
		color: var(--color-dark);
	}

	.nav-button.is--primary {
		background-color: var(--color-dark);
		border-color: var(--color-dark);
		color: #FFF;
	}
}


/*———— DESKTOP HOVER AND FOCUS ———— */
@media screen and (min-width: 992px) {

	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover .nav-link__dropdown-icon,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus .nav-link__dropdown-icon,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-within .nav-link__dropdown-icon,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):has(+ .nav-dropdown:hover) .nav-link__dropdown-icon,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):has(+ .nav-dropdown:focus-within) .nav-link__dropdown-icon {
		transform: rotate(180deg);
	}

	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-within,
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):has(+ .nav-dropdown:hover),
	[data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):has(+ .nav-dropdown:focus-within),
	.wf-design-mode body:has([data-dropdown-toggle="open"])+.nav-dropdown {
		background-color: #EBE7E4;
	}

}

/*————  DROPDOWN CONTENT LIST ITEMS ———— */
.nav-dropdown__content-li {
	transition: all var(--duration-normal) var(--cubic-default);
	transition-delay: 0.18s;
	opacity: 0;
	transform: translate(4em, 0px);
}

.nav-dropdown__content-li:nth-child(2) {
	transition-delay: 0.24s;
}

.nav-dropdown__content-li:nth-child(3) {
	transition-delay: 0.3s;
}

.nav-dropdown__content-li:nth-child(4) {
	transition-delay: 0.36s;
}

.nav-dropdown__content-li:nth-child(5) {
	transition-delay: 0.44s;
}

body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover) [data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):hover+.nav-dropdown .nav-dropdown__content-li,
body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-visible) .nav-dropdown__content-li,
body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"]):focus-within) .nav-dropdown__content-li,
body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:hover) .nav-dropdown__content-li,
body:has([data-dropdown-toggle]:not([data-dropdown-toggle="closed"])+.nav-dropdown:focus-within) .nav-dropdown__content-li,
.wf-design-mode [data-dropdown-toggle="open"]+.nav-dropdown .nav-dropdown__content-li {
	opacity: 1;
	transform: translate(0em, 0px);
}

/*————  DROPDOWN LINKS + IMAGES ———— */
.nav-dropdown__link:hover .nav-dropdown__img-overlay,
.nav-dropdown__link:focus-visible .nav-dropdown__img-overlay {
	opacity: 0;
}

.nav-dropdown__link:hover .nav-dropdown__img,
.nav-dropdown__link:focus-visible .nav-dropdown__img {
	transform: scale(1.1);
}

/*———— DROPDOWN LINKS ———— */
.nav-dropdown__link.is--static:hover,
.nav-dropdown__link.is--static:focus-visible {
	background: #D7D1CD;
}

/* ———— NAV LINKS ———— */
a.nav-link .nav-link__label::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: currentColor;
	transition: transform var(--duration-normal) var(--cubic-default);
	transform: scale(0, 1);
	transform-origin: right center;
}

a.nav-link:hover .nav-link__label::after,
a.nav-link:focus-visible .nav-link__label::after {
	transform: scale(1, 1);
	transform-origin: left center;
}

/* ———— MOBILE STATE WITH BURGER MENU ———— */
@media screen and (max-width: 991px) {
  

  
	:root {
		--nav-bg-height: 100dvh;
	}

	.nav-dropdown__overflow {
		transition: grid-template-rows var(--duration-normal) var(--cubic-default);
	}

	.nav-center {
		transition: all var(--duration-normal) var(--cubic-default), opacity var(--duration-fast) var(--cubic-default);
	}

	.menu-button__line {
		transition: all var(--duration-normal) var(--cubic-default);
	}

	/* ———— STYLES WHEN MENU IS OPEN ———— */
	:is([data-menu-status="open"]) {
		color: var(--color-dark);

		.menu-button__line:nth-of-type(1) {
			transform: translate(0px, 0.125em) rotate(135deg);
			background-color: #FFF;
		}

		.menu-button__line:nth-of-type(2) {
			transform: translate(0px, -0.175em) rotate(-135deg);
			background-color: #FFF;
		}

		.nav-bg {
			height: var(--nav-bg-height);
		}

		.page-bg {
			opacity: 1;
		}

		.nav-button.is--primary {
			background-color: var(--color-dark);
			border-color: var(--color-dark);
			color: #FFF;
		}

		.nav-center {
			opacity: 1;
			visibility: visible;
			transform: translate(0px, 0em);
			transition-delay: 0.1s;
		}
	}

	[data-dropdown-toggle="open"]+.nav-dropdown .nav-dropdown__overflow {
		grid-template-rows: 1fr;
	}

	[data-dropdown-toggle="open"]+.nav-dropdown .nav-dropdown__content-li {
		opacity: 1;
		transform: translate(0em, 0px);
	}

	[data-dropdown-toggle="open"] .nav-link__dropdown-icon {
		transform: rotate(180deg);
	}
}


.has-hover-underline::before,
.has-hover-underline::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: currentcolor;
}

.has-hover-underline::before{
	z-index: 1;
	opacity: 0;
}



.has-hover-underline::after {
	z-index: 2;
	will-change: transform, color;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transition-timing-function: var(--easing);
	transition-timing-function: var(--easing);
}

.has-hover-underline:hover::after{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}


.w-richtext a::before,
.has-underline:before {
	transform: scaleX(1);
	transform-origin: left;
	transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	transition-delay: .5s;
}

.w-richtext a::before,
.w-richtext a::after,
.has-underline:before,
.has-underline:after {
	background-color: currentColor;
	bottom: var(--bottom);
	content: "";
	height: 1px;
	left: 0;
	min-height: 1px;
	position: absolute;
	right: 0;
}

.w-richtext a,
.has-underline {
	--bottom: 0;
	display: inline-flex;
	position: relative;
	white-space: nowrap;
}

.w-richtext a::before,
.has-underline:before {
	transform: scaleX(1);
	transform-origin: left;
	transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	transition-delay: .5s
}

.w-richtext a::after,
.has-underline:after {
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	transition-delay: 0s
}


@media (hover: hover) and (pointer:fine) {
  .w-richtext a:hover:before,
	.has-underline:hover:before {
		transform: scaleX(0);
		transform-origin: right;
		transition: transform .55s cubic-bezier(.785, .135, .15, .86);
		transition-delay: 0s
	}
   .w-richtext a:hover:after,
	.has-underline:hover:after {
		transform: scaleX(1);
		transform-origin: left;
		transition: transform .55s cubic-bezier(.785, .135, .15, .86);
		transition-delay: .2s
	}
}

.has-underline.w--current::after,
.has-hover-underline.w--current::after{
    transform: scaleX(1);
}

.nav-dropdown__link:hover .button__svg,
.case-overview__value:hover .button__svg,
.button:hover .button__svg,
.article__link:hover .button__svg{
	animation: arrow-animation .6s var(--easing) 1 forwards;
}

@keyframes arrow-animation {
	0% {
		transform: translateX(0%);
	}

	40% {
		transform: translateX(120%);
	}

	40.01% {
		transform: translateX(-120%);
	}

	100% {
		transform: translateX(0);
	}
}

[data-anim-read="text"] > div {
  opacity: 0.1;
}



.accordion:hover .accordion__bg,
.accordion.is-active .accordion__bg,
.article__link:hover .article__link__bg{
  height: 100%;
  opacity: 1;
}


.accordion.is-active .accordion__icon__span.is-2{
  width: 0;
}

.scope__list .scope__item:last-child .scope__item__divider{
  display: none;
}



[data-image-cycle-item="active"] {
  transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

[data-image-cycle-item="previous"] {
  transition: opacity 0.4s ease 0.4s, visibility 0s ease 0.4s;
  opacity: 0;
  visibility: visible;
  z-index: 2;
}

[data-image-cycle-item="not-active"] {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}



.process:hover .process__item {opacity: 0.2;}
.process:hover .process__item:hover {opacity: 1;}


.nav.is-dark .menu-button__line{
  background-color: #fff;
}



 
 
   
[data-bunny-background-init] :is(.bunny-bg__placeholder, .bunny-bg__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-status="paused"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-activated="true"][data-player-status="ready"] .bunny-bg__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Play/Pause */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__play-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__play-svg {
  display: none;
}

[data-bunny-background-init][data-player-status="playing"] .bunny-bg__pause-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__pause-svg{
  display: block;
}

/* Loading */
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__loading {
  opacity: 1;
  visibility: visible;
}

/* Lightbox */
[data-bunny-lightbox-status] .bunny-lightbox__calc {
  transition: transform 0.3s cubic-bezier(0.625, 0.05, 0, 1), opacity 0.3s linear, visibility 0.3s linear;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9) rotate(0.001deg);
}

[data-bunny-lightbox-status="active"]{
 opacity: 1 !important;
  visibility: visible !important;
}

[data-bunny-lightbox-status="active"] .bunny-lightbox__calc {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0.001deg);
}

[data-bunny-lightbox-status] .bunny-lightbox__dark,
[data-bunny-lightbox-status] .bunny-lightbox__close {
  transition: opacity 0.3s linear, visibility 0.3s linear;
  opacity: 0;
  visibility: hidden;
}

[data-bunny-lightbox-status="active"] .bunny-lightbox__dark,
[data-bunny-lightbox-status="active"] .bunny-lightbox__close {
  opacity: 1;
  visibility: visible;
}

/* Animation */
[data-bunny-lightbox-init] :is(.bunny-lightbox-player__placeholder, .bunny-lightbox-player__dark, .bunny-lightbox-player__playpause, .bunny-lightbox-player__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__placeholder,
[data-bunny-lightbox-init][data-player-status="paused"] .bunny-lightbox-player__placeholder,
[data-bunny-lightbox-init][data-player-activated="true"][data-player-status="ready"] .bunny-lightbox-player__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Dark Overlay */
[data-bunny-lightbox-init][data-player-status="paused"] .bunny-lightbox-player__dark,
[data-bunny-lightbox-init][data-player-status="playing"][data-player-hover="active"] .bunny-lightbox-player__dark{
  opacity: 0.3;
}

[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__dark {
  opacity: 0;
}

/* Play/Pause */
[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__playpause,
[data-bunny-lightbox-init][data-player-status="loading"] .bunny-lightbox-player__playpause {
  opacity: 0;
}

[data-bunny-lightbox-init][data-player-status="playing"][data-player-hover="active"] .bunny-lightbox-player__playpause {
  opacity: 1;
}

[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__play-svg,
[data-bunny-lightbox-init][data-player-status="loading"] .bunny-lightbox-player__play-svg {
  display: none;
}

[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__pause-svg,
[data-bunny-lightbox-init][data-player-status="loading"] .bunny-lightbox-player__pause-svg{
  display: block;
}

/* Loading */
[data-bunny-lightbox-init][data-player-status="loading"] .bunny-lightbox-player__loading {
  opacity: 1;
  visibility: visible;
}

/* Interface */
.bunny-lightbox-player__interface {
  transition: all 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

[data-bunny-lightbox-init][data-player-status="playing"] .bunny-lightbox-player__interface,
[data-bunny-lightbox-init][data-player-status="loading"] .bunny-lightbox-player__interface{
  opacity: 0;
  transform: translateY(1em) rotate(0.001deg);
}

[data-bunny-lightbox-init][data-player-status="playing"][data-player-hover="active"] .bunny-lightbox-player__interface,
[data-bunny-lightbox-init][data-player-status="loading"][data-player-hover="active"] .bunny-lightbox-player__interface {
  opacity: 1;
  transform: translateY(0em) rotate(0.001deg);
}

/* Timeline */
[data-bunny-lightbox-init][data-player-status="idle"][data-player-activated="false"] .bunny-lightbox-player__timeline,
[data-bunny-lightbox-init][data-player-status="ready"][data-player-activated="false"] .bunny-lightbox-player__timeline {
  pointer-events: none;
}

/* Timeline Handle */
[data-bunny-lightbox-init] .bunny-lightbox-player__timeline-handle {
  transition: transform 0.15s ease-in-out;
}

[data-bunny-lightbox-init][data-timeline-drag="true"] .bunny-lightbox-player__timeline-handle {
  transform: translate(-50%, -50%) scale(1);
}

/* Fullscreen */
[data-bunny-lightbox-init][data-player-fullscreen="true"] .bunny-lightbox-player__fullscreen-shrink-svg {
  display: block;
}

[data-bunny-lightbox-init][data-player-fullscreen="true"] .bunny-lightbox-player__fullscreen-scale-svg {
  display: none;
}

/* Mute */
[data-bunny-lightbox-init][data-player-muted="true"] .bunny-lightbox-player__volume-mute-svg {
  display: block;
}

[data-bunny-lightbox-init][data-player-muted="true"] .bunny-lightbox-player__volume-up-svg {
  display: none;
}

/* Cover Mode */
[data-bunny-lightbox-init][data-player-update-size="cover"] {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

[data-bunny-lightbox-init][data-player-update-size="cover"] [data-player-before] {
  display: none;
}

[data-bunny-lightbox-init][data-player-update-size="cover"][data-player-fullscreen="false"] .bunny-lightbox-player__video {
  object-fit: cover;
}
