:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
.embed-frame {
  inline-size: 100%;
}
.embed-frame__iframe {
  display: block;
inline-size: 100%;
border: 0;
}
.embed-frame__placeholder {
  padding: var(--space-m);
border: 2px dashed var(--primary);
border-radius: 0.5em;
text-align: center;
font-size: var(--text-s);
}
.site-header {
  position: sticky;
inset-block-start: 0;
z-index: 998;
transition: var(--nav-trans);
padding: 0;
}
.nav--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-top: var(--nav-pad);
padding-bottom: var(--nav-pad);
transition: var(--nav-trans);
background-color: var(--nav-bg);
.scrolling & {
	--logo-h: var(--logo-scroll);
}
}
.nav--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.nav--logo {
  color: currentcolor;
font-size: 20px;
line-height: 1;
transition: var(--nav-trans);
& img {
	transition-duration: var(--nav-trans);
}
}
.nav--logo-img {
  height: var(--logo-h);
width: auto;
}
.nav--right {
  display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
column-gap: var(--space-m);
}
.nav--link {
  font-size: var(--nav-l);
color: var(--nav-l-color);
position: relative;
transition: var(--nav-trans);
&:hover {
	color: var(--nav-l-color-hover);
}
&:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--nav-l-color-hover);
	transition-duration: var(--nav-trans);
}
&:hover:after {
	width: 100%;
}
&[aria-current="page"]:after {
	width: 100%;
}
@media (max-width: 991px) {
	display: none;
}
}
.nav--social-container {
  display: flex;
flex-direction: row;
column-gap: var(--space-xs);
}
.nav--social-link {
  display: flex;
}
.nav--social-icon {
  font-size: var(--nav-l);
color: var(--nav-l-color-hover);
fill: var(--nav-l-color-hover);
}
.nav--burger {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--n-h3);
color: var(--nav-l-color);
fill: var(--nav-l-color);
cursor: pointer;
display: none;
padding: 0;
border: 0;
background: none;
line-height: 1;
a:has(> &) {
	display: none;
}
@media (max-width: 991px) {
	display: block;
}
@media (max-width: 991px) {
	a:has(> &) {
		display: block;
	}
}
@media (max-width: 991px) {
	display: flex;
}
}
.nav--burger-icon {
  display: block;
}
.burger {
  --empty-element-size: 0;
position: fixed;
inset: 0 0 0 auto;
margin: 0;
padding: 0;
border: 0;
inline-size: 50rem;
max-inline-size: 100vw;
block-size: 100svh;
max-block-size: none;
overflow-y: auto;
background-color: var(--white);
color: var(--text-color);
&::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}
&:popover-open {
	display: flex;
	flex-direction: column;
}
}
.burger--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
min-height: 100%;
position: relative;
flex-direction: row;
align-items: stretch;
}
.burger--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.burger--logo {
  color: currentcolor;
font-size: 20px;
line-height: 1;
margin-bottom: var(--space-xl);
align-self: center;
}
.burger--logo-img {
  height: 10rem;
width: auto;
@media (max-width: 991px) {
	height: 8rem;
}
}
.burger--links {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
margin-block-end: var(--space-xxl);
}
.burger--link-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-top: 0.8em;
padding-right: 1em;
padding-bottom: 0.8em;
padding-left: 1em;
width: 100%;
position: relative;
display: flex;
&:after {
	content: "bg";
	width: 0px;
	height: 100%;
	position: absolute;
	font-size: 0px;
	background-color: var(--primary);
	transition: 0.5s;
	bottom: 0px;
	left: 0px;
}
&:hover:after {
	width: 100%;
}
&[aria-current="page"]:after {
	width: 100%;
}
}
.burger--link-text {
  position: relative;
transition: 0.5s;
z-index: 15;
font-size: var(--text-m);
color: var(--shade);
.burger--link-container[aria-current="page"] & {
	color: var(--white);
}
.burger--link-container:hover & {
	color: var(--white);
}
.burger--link-container[aria-current="page"] &:after {
	width: 100%;
	background-color: var(--white);
}
.burger--link-container:hover &:after {
	width: 100%;
	background-color: var(--white);
}
&:after {
	width: 0px;
	height: 1px;
	position: absolute;
	content: "line";
	background-color: var(--primary);
	font-size: 0px;
	transition: 0.5s;
	right: 0px;
	bottom: 0px;
}
}
.burger--social-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
flex-direction: row;
align-items: center;
column-gap: var(--space-xxs);
margin-top: auto;
padding-top: var(--space-m);
padding-right: var(--space-s);
padding-left: var(--space-s);
border-top: 1px solid var(--primary);
width: auto;
align-self: center !important;
justify-content: center;
}
.burger--social-link {
  display: flex;
}
.burger--social-icon {
  font-size: var(--icon-s);
width: var(--icon-w);
height: var(--icon-w);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--shade);
border-radius: 50%;
transition: 0.5s;
--icon-s: var(--n-text-m);
--icon-w: calc(var(--icon-s)*2.1);
color: var(--shade) !important;
a:has(> &) {
	display: flex;
}
&:hover {
	color: var(--white) !important;
	background-color: var(--shade);
}
}
.burger--close {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
position: absolute;
top: var(--space-xs);
right: var(--section-padding-x);
font-size: 4rem;
padding: 0;
border: 0;
background: none;
color: var(--shade);
cursor: pointer;
display: flex;
line-height: 1;
}
.burger--close-icon {
  display: block;
}
.site-footer {
  /* ACSS v4 pads body > footer; the source Bricks #brx-footer wrapper had no padding */
padding: 0;
}
.footer--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-top: var(--section-space-s);
padding-bottom: var(--space-xs);
background-color: var(--primary);
}
.footer--content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
align-items: center;
width: 100%;
max-width: 100rem;
margin-bottom: var(--section-space-s);
}
.footer--logo {
  color: currentcolor;
font-size: 20px;
line-height: 1;
margin-bottom: var(--space-xs);
border-radius: 50%;
width: var(--logo-size);
height: var(--logo-size);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white);
--logo-size: 15.6rem;
@media (max-width: 991px) {
	--logo-size: 15vw;
}
@media (max-width: 478px) {
	--logo-size: 22vw;
}
}
.footer--logo-img {
  width: 66%;
height: auto;
}
.footer--head {
  color: var(--white);
font-size: var(--n-text-xl);
font-weight: 700;
text-transform: uppercase;
margin-bottom: var(--space-xs);
}
.footer--text {
  font-size: var(--n-text-xs);
color: var(--white);
text-align: center;
margin-bottom: var(--space-xl);
width: 100%;
max-width: 88rem;
}
.footer--link-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-start;
min-height: 0px;
margin-bottom: var(--space-xl);
@media (max-width: 991px) {
	flex-direction: column;
	row-gap: var(--space-s);
	align-items: center;
}
}
.footer--link-text {
  display: inline-flex;
align-items: center;
gap: 5px;
color: var(--white);
font-size: var(--n-text-m);
font-weight: 700;
position: relative;
transition: 0.5s;
&:after {
	content: "line";
	position: absolute;
	width: 0px;
	height: 1px;
	left: 0px;
	bottom: 0px;
	font-size: 0px;
	background-color: var(--white);
	transition: 0.5s;
}
&[aria-current="page"] {
	color: var(--white) !important;
}
&:hover {
	color: var(--white) !important;
}
&[aria-current="page"]:after {
	width: 100%;
}
&:hover:after {
	width: 100%;
}
}
.footer--social-container {
  flex-direction: row;
column-gap: var(--space-xs);
display: flex;
min-height: 0px;
}
.footer--social-link {
  display: flex;
}
.footer--social-icon {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--n-text-l);
color: var(--white);
fill: var(--white);
width: calc(var(--n-text-m)*1.5);
min-width: calc(var(--n-text-m)*1.5);
height: calc(var(--n-text-m)*1.5);
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
a:has(> &) {
	display: flex;
}
&:hover {
	transform: scale(1.1);
}
}
.footer--bottom-container {
  border-block-start: 1px solid var(--white);
padding-block-start: var(--space-xs);
flex-direction: row;
align-items: center;
justify-content: center;
column-gap: var(--space-s);
@media (max-width: 767px) {
	flex-direction: column;
	align-items: center;
	row-gap: var(--space-xs);
}
}
.footer--credit {
  font-size: var(--text-xs);
color: var(--white);
}
.footer--contact-link-link {
  position: relative;
color: var(--white);
&:hover {
	color: var(--white);
}
&:after {
	content: "";
	font-size: 0px;
	width: 0;
	height: 1px;
	transition-duration: 0.5s;
	background-color: var(--white);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
&:hover:after {
	width: 100%;
}
}
.footer--copyright {
  display: flex;
align-items: center;
column-gap: var(--space-s);
font-size: var(--text-xs);
color: var(--white);
& a {
	font-size: inherit;
	color: var(--white);
}
&::before {
	content: "";
	inline-size: 1px;
	block-size: 2.5rem;
	background-color: var(--white);
}
@media (max-width: 767px) {
	flex-direction: column;
	row-gap: var(--space-xs);
	inline-size: 100%;
	&::before {
		inline-size: 80%;
		block-size: 1px;
	}
}
}
.product-list--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
background-color: var(--primary);
overflow: hidden;
border-radius: 1em;
box-shadow: 4px 6px 15px 0 var(--shade-trans-30);
--card-x-pad: var(--space-xs);
--img-h: calc(var(--right-w)/3 - var(--main-gap)*0.6);
@media (max-width: 991px) {
	--img-h: calc(var(--right-w)/2 - var(--main-gap));
}
@media (max-width: 478px) {
	--img-h: var(--right-w);
}
}
.product-list--card-img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
height: var(--img-h);
position: relative;
overflow: hidden;
background-color: var(--base);
@media (max-width: 767px) {
	background-color: var(--white);
}
}
.product-list--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
.product-list--card:hover & {
	transform: scale(1.05);
}
&:not(.tag) {
	object-fit: contain;
}
& img {
	object-fit: contain;
}
}
.product-list--card-content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-top: var(--space-xs);
padding-right: var(--card-x-pad);
padding-left: var(--card-x-pad);
margin-bottom: var(--space-s);
}
.product-list--card-head {
  font-size: var(--n-text-m);
color: var(--white);
@media (max-width: 767px) {
	font-size: var(--n-text-xl);
}
}
.product-list--card-btn-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-right: var(--card-x-pad);
padding-bottom: var(--space-s);
padding-left: var(--card-x-pad);
margin-top: auto;
}
.btn--white {
  --btn-background: var(--white);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--black);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--white);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary);
}
.product-list--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-top: var(--section-space-l);
position: relative;
@media (max-width: 767px) {
	padding-top: var(--section-space-m);
}
}
.product-list--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
column-gap: var(--main-gap);
flex-direction: row;
z-index: 15;
--left-w: clamp(calc(var(--n-h6)*9), 20vw, 29rem);
--main-gap: var(--space-m);
--right-w: calc(var(--container-w) - var(--left-w) - var(--main-gap));
--container-w: clamp(0px, calc(100vw - var(--section-padding-x)*2), 1440px);
@media (max-width: 767px) {
	--left-w: 30rem;
	--right-w: var(--container-w);
	--main-gap: var(--space-s);
}
@media (max-width: 767px) {
	row-gap: var(--space-m);
}
}
.product-list--filter-main-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--left-w);
row-gap: var(--space-m);
position: sticky;
top: var(--section-space-l);
z-index: 25;
@media (max-width: 767px) {
	top: var(--space-m);
}
}
.product-list--filter-main-head-container {
  flex-direction: row;
display: flex;
align-items: flex-start;
justify-content: flex-start;
column-gap: var(--space-xxs);
position: absolute;
bottom: calc(100% + var(--space-m));
border: 0;
background: none;
padding: 0;
font: inherit;
cursor: pointer;
text-align: start;
line-height: 1.5;
@media (max-width: 767px) {
	position: relative;
	bottom: 0px;
	padding-top: var(--space-xxs);
	padding-right: var(--space-xs);
	padding-bottom: var(--space-xxs);
	padding-left: var(--space-xs);
	border: 1px solid var(--primary);
	border-radius: 50px;
	background-color: var(--white);
	box-shadow: 4px 4px 16px 0 var(--shade-trans-10);
}
}
.product-list--filter-main-icon {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--n-h6);
color: var(--primary);
fill: var(--primary);
height: calc(var(--n-h6)*1.2);
display: flex;
align-items: center;
justify-content: center;
a:has(> &) {
	display: flex;
}
}
.product-list--filter-main-head {
  font-size: var(--n-h6);
color: var(--primary);
font-weight: 700;
line-height: 1.5;
}
.product-list--filter-drop {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
row-gap: var(--space-m);
display: flex;
flex-direction: column;
@media (max-width: 767px) {
	.product-list--filter-main-container:hover & {
		opacity: 1;
		transform: translatey(0);
	}
}
@media (max-width: 767px) {
	position: fixed;
	width: 25rem;
	max-width: 100vw;
	padding-top: var(--space-s);
	padding-right: var(--space-s);
	padding-bottom: var(--space-s);
	padding-left: var(--space-s);
	background-color: var(--white);
	border-radius: 0.5em;
	box-shadow: 4px 4px 16px 0 var(--shade-trans-10);
	top: var(--header-height);
}
@media (max-width: 767px) {
	display: none;
}
@media (max-width: 767px) {
	[data-filter-open] & {
		display: flex;
		opacity: 1;
		transform: none;
	}
}
/* QA header offset */
@media (max-width: 767px) {
	top: var(--qa-header-offset, 85px);
	z-index: 1000;
}
}
.product-list--filter-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-bottom: var(--space-m);
border-bottom: 1px solid var(--shade);
position: relative;
border: 0;
margin: 0;
min-inline-size: 0;
padding-inline: 0;
padding-block-start: 0;
}
.product-list--filter-head {
  font-size: var(--n-text-m);
font-weight: 700;
color: var(--shade);
margin-bottom: var(--space-xxs);
padding: 0;
float: left;
inline-size: 100%;
}
.product-list--filter {
  font-size: var(--n-text-s);
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
clear: both;
& li label {
	align-items: start;
}
& li {
	margin-bottom: var(--space-xxs);
}
& li:last-child {
	margin-bottom: 0;
}
& input[type=button] {
	width: var(--n-text-s);
	min-width: var(--n-text-s);
	height: var(--n-text-s);
	margin-top: calc(var(--n-text-s)*0.6 - var(--space-xs)/2);
}
& input[type=checkbox] {
	width: var(--n-text-s);
	min-width: var(--n-text-s);
	height: var(--n-text-s);
	margin-top: calc(var(--n-text-s)*0.6 - var(--space-xs)/2);
}
& input[type=radio] {
	width: var(--n-text-s);
	min-width: var(--n-text-s);
	height: var(--n-text-s);
	margin-top: calc(var(--n-text-s)*0.6 - var(--space-xs)/2);
}
& input {
	visibility: hidden;
	position: relative;
}
& input:before {
	content: "";
	width: var(--n-text-s);
	height: var(--n-text-s);
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	border: 1px solid var(--primary);
	border-radius: 0.1em;
	transition-duration: 0.2s;
}
& input:after {
	content: "";
	width: var(--n-text-s);
	height: var(--n-text-s);
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	background-color: var(--white);
	z-index: 15;
	clip-path: polygon(36% 55%, 80% 22%, 92% 35%, 32% 79%, 9% 54%, 23% 41%);
	opacity: 0;
	transition-duration: 0.2s;
}
& input:hover:before {
	background-color: var(--primary-light);
}
& input:checked:before {
	background-color: var(--primary);
}
& input:checked:after {
	opacity: 1;
}
}
.product-list--filter-option {
  display: flex;
align-items: start;
gap: 0.5em;
cursor: pointer;
position: relative;
}
.product-list--filter-close {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--text-l);
position: absolute;
top: 0px;
right: 0px;
display: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
color: var(--shade);
a:has(> &) {
	display: none;
}
@media (max-width: 767px) {
	display: flex;
}
@media (max-width: 767px) {
	a:has(> &) {
		display: flex;
	}
}
}
.product-list--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--right-w);
display: grid;
align-items: initial;
grid-template-columns: repeat(3, 1fr);
gap: var(--main-gap);
@media (max-width: 991px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.product-list--count-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
grid-column: span 3;
@media (max-width: 991px) {
	grid-column: span 2;
}
@media (max-width: 767px) {
	grid-column: span 2;
}
@media (max-width: 478px) {
	grid-column: 1;
}
}
.product-list--count {
  font-size: var(--n-text-xl);
font-weight: 700;
color: var(--primary);
}
.product-list--cards {
  display: contents;
}
.single-relate--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--base);
overflow: hidden;
}
.single-relate--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.single-relate--head {
  font-size: var(--n-h4);
font-weight: 400;
margin-bottom: var(--space-l);
}
.single-relate--slider {
  width: var(--slider-w);
--container-w: clamp(0px, calc(100vw - var(--gutter)*2), 144rem);
--slider-w: 100%;
--slide-numb: 4;
--slide-gap: var(--space-m);
--slide-h: calc(var(--container-w)/var(--slide-numb));
--slide-pad-y: var(--space-xs);
--slide-pad-x: var(--space-xs);
--arrow-s: var(--text-l);
--arrow-w: calc(var(--arrow-s)*2);
--arrow-gap: var(--space-xxs);
--arrow-bg-color: var(--base);
--arrow-icon-color: var(--primary);
--arrow-border-color: var(--primary);
--arrow-x: clamp(0px, calc(100% + var(--arrow-gap)), calc(100vw - var(--gutter) - var(--arrow-w) - var(--arrow-gap)));
--arrow-y: 50%;
position: relative;
@media (max-width: 991px) {
	--slide-numb: 3;
}
@media (max-width: 767px) {
	--slide-numb: 2;
}
@media (max-width: 478px) {
	--slide-numb: 1;
}
}
.single-relate--arrows {
  display: contents;
}
.single-relate--arrow {
  position: absolute;
z-index: 2;
inset-block-start: var(--arrow-y);
translate: 0 -50%;
display: flex;
align-items: center;
justify-content: center;
inline-size: var(--arrow-w);
block-size: var(--arrow-w);
padding: 0;
border-radius: 50%;
font-size: var(--arrow-s);
background: var(--arrow-bg-color);
color: var(--arrow-icon-color);
border: 1px solid var(--arrow-border-color);
cursor: pointer;
transition: 0.3s;
&[data-dir="prev"] {
	inset-inline-end: var(--arrow-x);
}
&[data-dir="next"] {
	inset-inline-start: var(--arrow-x);
}
&:hover {
	--arrow-bg-color: var(--primary);
	--arrow-icon-color: var(--white);
	--arrow-border-color: var(--primary);
}
}
.single-relate--track {
  display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - (var(--slide-numb) - 1) * var(--slide-gap)) / var(--slide-numb));
gap: var(--slide-gap);
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
list-style: none;
margin: 0;
padding: 0 18px 18px 0;
&::-webkit-scrollbar {
	display: none;
}
& > li {
	display: flex;
	scroll-snap-align: start;
	min-inline-size: 0;
}
@media (max-width: 1200px) {
	padding: 0;
}
}
.single-relate--slide {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
position: relative;
border-radius: 1em;
box-shadow: 6px 6px 12px 0 var(--shade-trans-30);
align-items: center;
justify-content: flex-end;
overflow: hidden;
display: flex;
flex-direction: column;
inline-size: 100%;
aspect-ratio: 1;
padding: var(--slide-pad-y) var(--slide-pad-x);
text-decoration: none;
&:before {
	content: "";
	background-image: linear-gradient(var(--neutral-trans-10) 60%, var(--neutral-trans-70));
	position: absolute;
	inset: 0;
	z-index: 5;
}
}
.single-relate--slide-bg {
  position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
transition: 0.5s;
.single-relate--slide:hover & {
	transform: scale(1.05);
}
&:not(.tag) {
	object-fit: contain;
}
& img {
	object-fit: contain;
}
}
.single-relate--slide-btn {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
column-gap: var(--btn-gap);
width: auto;
z-index: 15;
--btn-gap: var(--space-xxs);
--font-s: var(--n-text-xs);
--icon-w: calc(var(--font-s)*1.5);
--text-w: calc(100% - var(--icon-w) - var(--btn-gap));
}
.single-relate--slide-btn-text {
  font-size: var(--font-s);
color: var(--white);
}
.single-relate--slide-btn-icon {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--font-s);
height: var(--icon-w);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
fill: var(--white);
width: var(--icon-w);
a:has(> &) {
	display: flex;
}
}
.post-card {
  padding-bottom: var(--space-s);
border-radius: 1em;
overflow: hidden;
transition: 0.5s;
background-color: var(--white);
text-align: left;
box-shadow: 0 4px 8px 0 var(--shade-trans-10);
--card-pad: var(--space-s);
display: flex;
flex-direction: column;
&:hover {
	box-shadow: 0px 4px 60px var(--shade-trans-10);
}
}
.post-card__img-container {
  position: relative;
height: 28rem;
width: 100%;
overflow: hidden;
@media (max-width: 991px) {
	height: 30vw;
}
@media (max-width: 478px) {
	height: 50vw;
}
}
.post-card__img {
  position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
transition: 0.5s;
.post-card:hover & {
	transform: scale(1.05);
}
&:not(.tag) {
	object-fit: cover;
}
& img {
	object-fit: cover;
}
}
.post-card__info {
  padding-top: var(--space-s);
padding-right: var(--card-pad);
padding-bottom: var(--space-xs);
padding-left: var(--card-pad);
row-gap: var(--space-xxs);
display: flex;
flex-direction: column;
}
.post-card__cat {
  color: var(--white);
display: flex;
flex-direction: row;
align-items: flex-start;
gap: var(--space-xxs);
margin-bottom: var(--space-xs);
flex-wrap: wrap;
font-size: 0;
& a {
	padding: 1em 1em;
	background-color: var(--primary);
	border-radius: 50px;
	transition-duration: 0.5s;
	color: var(--white);
	font-size: var(--n-text-xs);
}
& a:hover {
	background-color: var(--primary-hover);
	color: var(--white);
}
}
.post-card__head {
  font-size: var(--n-text-xl);
font-weight: 700;
color: var(--shade);
}
.post-card__date {
  font-size: var(--n-text-xs);
font-weight: 300;
color: var(--shade-semi-dark);
margin-bottom: var(--space-xxs);
}
.post-card__text {
  font-size: var(--n-text-s);
color: var(--shade);
}
.post-card__link {
  margin-top: auto;
margin-right: var(--card-pad);
margin-left: var(--card-pad);
font-size: var(--n-text-m);
font-weight: 700;
color: var(--primary);
flex-direction: row-reverse;
gap: var(--space-xxs);
position: relative;
position: relative;
display: inline-flex;
align-items: center;
align-self: flex-start;
&:after {
	content: "line";
	width: 0px;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 0px;
	background-color: var(--primary);
	transition: 0.5s;
}
&:hover:after {
	width: 100%;
}
}
.post-card__btn-container {
  margin-block-start: auto;
padding-inline: var(--card-pad);
}
.btn--black {
  --btn-background: var(--shade);
--btn-background-hover: var(--primary);
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--shade);
--btn-border-color-hover: var(--primary);
--focus-color: var(--primary);
}
.single-product--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
}
.single-product--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: 4fr 5fr;
gap: var(--space-xxl);
position: relative;
@media (max-width: 1200px) {
	gap: var(--space-xl);
}
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
}
.single-product--gallery {
  border-radius: 1em;
box-shadow: 2px 9px 30px 0 var(--shade-trans-20);
background-color: var(--white);
max-height: 50rem;
position: sticky;
top: var(--header-height);
@media (max-width: 1200px) {
	max-height: 40vw;
}
@media (max-width: 767px) {
	top: 0px;
	position: relative;
	max-height: 100vw;
}
}
.single-product--content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.single-product--cat {
  margin-bottom: var(--space-s);
flex-wrap: wrap;
font-size: 0;
display: flex;
gap: var(--space-xxs);
& a {
	padding: 1.3em 1em;
	background-color: unset;
	border-radius: 50px;
	transition-duration: 0.5s;
	color: var(--primary);
	font-size: var(--n-text-xs);
	border: 1px solid var(--primary);
}
& a:hover {
	background-color: var(--primary);
	color: var(--white);
}
}
.single-product--head {
  color: var(--primary);
font-size: var(--n-h3);
margin-bottom: var(--space-l);
}
.single-product--detail-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
row-gap: var(--space-xs);
margin-bottom: var(--space-xl);
}
.single-product--detail {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-xs);
@media (max-width: 991px) {
	grid-template-columns: 1fr;
	gap: var(--space-xxs);
}
}
.single-product--detail-head-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
@media (max-width: 991px) {
	font-weight: 700;
}
}
.single-product--detail-text {
  font-size: var(--n-text-l);
}
.single-product--detail-text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.btn--m {
  .home-contact--btn-container & {
	border-radius: 50rem;
}
}
.product-hero--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
min-height: 70svh;
justify-content: center;
padding-top: var(--section-space-l);
padding-bottom: calc(var(--section-space-m) + var(--shape-h));
isolation: isolate;
position: relative;
--shape-h: var(--section-space-m);
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(var(--neutral-trans-20), var(--neutral-trans-20));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
@media (max-width: 767px) {
	--shape-h: 10vw;
}
}
.has-shape {
  position: relative;
}
.product-hero--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.shape-divider {
  --empty-element-size: 0;
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
overflow: hidden;
pointer-events: none;
& > svg {
	position: absolute;
	inset-block-end: -1px;
	block-size: var(--shape-h);
	inline-size: 150%;
	fill: var(--white);
}
&[data-side="left"] {
	justify-content: flex-start;
	& > svg { inset-inline-start: 50%; }
}
&[data-side="right"] {
	justify-content: flex-end;
	& > svg { inset-inline-end: 50%; }
}
.about-hero--section > & {
	justify-content: center;
	& > svg {
		inset: var(--shape-top) 0 0 0;
		inline-size: 100%;
		block-size: var(--shape-h);
	}
}
}
.product-hero--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.product-hero--head {
  font-size: var(--n-h2);
color: var(--white);
text-shadow: 0 4px 35px var(--shade-trans-50);
margin-bottom: var(--space-xs);
}
.product-hero--text {
  font-size: var(--n-h6);
color: var(--white);
font-weight: 500;
margin-bottom: var(--space-m);
}
.post-single {
  display: flex;
flex-direction: column;
align-items: center;
}
.post-single__header {
  display: flex;
flex-direction: column;
align-items: center;
text-align: center;
row-gap: var(--space-xs);
}
.post-single__cat {
  color: var(--primary);
font-weight: 700;
}
.post-single__head {
  font-size: var(--n-h2);
}
.post-single__date {
  font-size: var(--n-text-s);
color: var(--primary);
}
.post-single__img {
  width: 100%;
inline-size: 100%;
border-radius: 1em;
object-fit: cover;
&:not(.tag) {
	object-fit: cover;
}
& img {
	object-fit: cover;
}
}
.post-single__content {
  width: 100%;
text-align: left;
margin-bottom: var(--space-xxl);
& p+h1 {
	margin-top: 1em;
}
& p+h2 {
	margin-top: 1em;
}
& p+h3 {
	margin-top: 1em;
}
& p+h4 {
	margin-top: 1em;
}
& p+h5 {
	margin-top: 1em;
}
& p+h6 {
	margin-top: 1em;
}
& h1+p {
	margin-top: 0.5em;
}
& h2+p {
	margin-top: 0.5em;
}
& h3+p {
	margin-top: 0.5em;
}
& h4+p {
	margin-top: 0.5em;
}
& h5+p {
	margin-top: 0.5em;
}
& h6+p {
	margin-top: 0.5em;
}
& iframe {
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex;
}
}
.post-single__back {
  color: var(--primary);
font-weight: 700;
}
.home-hero--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
min-height: 70svh;
justify-content: center;
padding-bottom: calc(var(--section-space-m) + var(--shape-h));
isolation: isolate;
position: relative;
--shape-h: var(--section-space-m);
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(var(--neutral-trans-40), var(--neutral-trans-40));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
@media (max-width: 767px) {
	--shape-h: 10vw;
}
}
.home-hero--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.home-hero--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.home-hero--head {
  color: var(--white);
font-size: var(--n-h1);
text-shadow: 0 4px 35px var(--neutral-trans-40);
margin-bottom: var(--space-xxs);
}
.home-hero--text {
  font-size: var(--n-text-m);
color: var(--white);
margin-bottom: var(--space-l);
width: 100%;
max-width: 76rem;
}
.home-benefit--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-bottom: var(--section-space-s);
}
.home-benefit--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-l);
@media (max-width: 991px) {
	grid-template-columns: 1fr;
	width: 100%;
	max-width: 70vw;
}
@media (max-width: 767px) {
	border-radius: 1.5em;
	background-color: var(--base);
	box-shadow: 0 4px 9px 0 var(--shade-trans-30);
	width: 100%;
	max-width: 50rem;
}
}
.home-benefit--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
background-color: var(--base);
padding-top: var(--space-m);
padding-right: var(--space-m);
padding-bottom: var(--space-m);
padding-left: var(--space-m);
border-radius: 1.5em;
box-shadow: 0 4px 9px 0 var(--shade-trans-20);
@media (max-width: 767px) {
	border-radius: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	background-color: unset;
	position: relative;
	align-items: center;
	text-align: center;
}
@media (max-width: 767px) {
	&:after {
		content: "";
		width: 80%;
		height: 1px;
		background-color: var(--shade);
		left: 10%;
		top: calc(100% + var(--space-l)/2);
		position: absolute;
	}
}
@media (max-width: 767px) {
	&:last-child:after {
		display: none;
	}
}
}
.home-benefit--card-icon {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
color: var(--primary);
fill: var(--primary);
font-size: 9rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--space-xxs);
a:has(> &) {
	display: flex;
}
}
.home-benefit--card-head {
  font-size: var(--n-h4);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.home-benefit--card-text {
  font-size: var(--n-text-m);
color: var(--shade);
}
.home-about--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
@media (max-width: 478px) {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
}
.home-about--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-l);
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
}
.home-about--text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
@media (max-width: 478px) {
	padding-right: var(--section-padding-x);
	padding-left: var(--section-padding-x);
}
}
.home-about--head {
  font-size: var(--n-h4);
color: var(--primary);
margin-bottom: var(--space-xxs);
}
.home-about--text {
  font-size: var(--n-text-m);
color: var(--shade);
margin-bottom: var(--space-m);
}
.home-about--img {
  position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: calc(50% - var(--space-l)/2);
height: 100%;
@media (max-width: 767px) {
	position: static;
	width: 100%;
	height: auto;
	border-radius: 1em;
	box-shadow: 0 4px 9px 0 var(--shade-trans-40);
}
@media (max-width: 478px) {
	border-radius: 0;
}
}
.home-quote--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--primary);
}
.home-quote--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--space-m);
justify-content: space-between;
@media (max-width: 767px) {
	flex-direction: column;
	row-gap: var(--space-s);
}
@media (max-width: 478px) {
	align-items: center;
}
}
.home-quote--head-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: calc(var(--n-h2)*6);
min-width: calc(var(--n-h2)*6);
@media (max-width: 478px) {
	align-items: center;
}
}
.home-quote--head {
  font-size: var(--n-h2);
color: var(--white);
text-shadow: 0 7px 7px var(--shade-trans-50);
}
.home-quote--text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
align-items: flex-end;
width: 100%;
max-width: 74rem;
@media (max-width: 478px) {
	align-items: center;
}
}
.home-quote--text {
  font-size: var(--n-h6);
color: var(--white);
font-weight: 300;
text-align: right;
margin-bottom: var(--space-m);
@media (max-width: 478px) {
	text-align: center;
}
}
.home-quote--name-container {
  padding-top: 0.5em;
padding-right: 1.5em;
padding-bottom: 0.5em;
padding-left: 1.5em;
border-radius: 50px;
background-color: var(--white);
}
.home-quote--name {
  font-size: var(--n-text-l);
color: var(--shade);
font-weight: 300;
}
.home-cat--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
overflow: hidden;
min-height: 65svh;
justify-content: center;
@media (max-width: 991px) {
	min-height: 0px;
}
@media (max-width: 767px) {
	.home-quote--section+& {
		padding-top: var(--section-space-m);
	}
}
@media (max-width: 767px) {
	padding-top: 0;
}
}
.home-cat--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: calc(var(--space-xxl)*2);
@media (max-width: 767px) {
	grid-template-columns: 1fr;
	gap: var(--space-xl);
}
@media (max-width: 478px) {
	gap: var(--space-l);
}
}
.home-cat--text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
.home-cat--section:nth-child(odd) & {
	grid-column: 2/3;
}
@media (max-width: 767px) {
	.home-cat--section:nth-child(odd) & {
		grid-column: 1;
	}
}
}
.home-cat--head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.home-cat--text {
  margin-bottom: var(--space-m);
font-size: var(--n-text-m);
}
.home-cat--btn-container {
  width: 100%;
max-width: 16rem;
display: flex;
align-items: stretch;
flex-direction: column;
}
.home-cat--img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 50%;
height: 100%;
overflow: hidden;
.home-cat--section:nth-child(odd) & {
	right: auto;
	left: 0;
}
@media (max-width: 767px) {
	position: static;
	width: 100%;
	height: 60vw;
	border-radius: 1em;
	box-shadow: 0 4px 9px 0 var(--shade-trans-40);
	grid-row: 1;
}
}
.home-cat--img {
  width: 100%;
height: 100%;
transition: 0.5s;
.home-cat--text-container:hover+.home-cat--img-container & {
	transform: scale(1.1);
}
}
.home-process--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--base);
}
.home-process--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-xl);
counter-reset: process-counter 0;
@media (max-width: 1200px) {
	gap: 3vw;
}
@media (max-width: 767px) {
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-xl);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.home-process--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
position: relative;
&:before {
	counter-increment: process-counter;
	content: counter(process-counter);
	position: absolute;
	top: 0;
	left: 0;
	transform: translatex(-30%) translatey(-50%);
	font-size: var(--n-h3);
	font-weight: 700;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	width: calc(var(--n-h3)*1.3);
	height: calc(var(--n-h3)*1.3);
	background-color: var(--base-light);
	border-radius: 50px;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	display: flex;
	justify-items: center;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: var(--white);
	z-index: 15;
}
}
.home-process--card-img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
position: relative;
border-radius: 2em;
overflow: hidden;
margin-bottom: var(--space-s);
box-shadow: 4px 4px 15px 0 var(--shade-trans-30);
width: var(--card-w);
height: var(--card-h);
max-width: 100%;
--card-w: clamp(0px, 20vw, 29rem);
--card-h: clamp(0px, 19.44vw, 28rem);
@media (max-width: 767px) {
	width: 100%;
	height: 35vw;
	max-height: 100%;
}
@media (max-width: 478px) {
	height: 50vw;
}
}
.home-process--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
.home-process--card:hover & {
	transform: scale(1.05);
}
}
.home-process--card-head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.home-process--card-text {
  font-size: var(--n-text-m);
}
.home-stat--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--primary);
}
.home-stat--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: 7fr 9fr 9fr;
gap: var(--space-xl);
@media (max-width: 1200px) {
	gap: var(--space-l);
}
@media (max-width: 767px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.home-stat--iso {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
justify-content: center;
@media (max-width: 767px) {
	grid-column: span 2;
	align-items: center;
	text-align: center;
}
@media (max-width: 478px) {
	grid-column: 1;
	align-items: flex-start;
	text-align: left;
}
}
.home-stat--iso-img {
  height: 10.9rem;
width: auto;
margin-bottom: var(--space-xxs);
}
.home-stat--iso-head {
  font-size: var(--n-h6);
font-weight: 500;
color: var(--white);
margin-bottom: var(--space-xxs);
}
.home-stat--iso-text {
  font-size: var(--n-text-m);
color: var(--white);
}
.home-stat--stat {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-top: var(--space-m);
padding-right: var(--space-m);
padding-bottom: var(--space-m);
padding-left: var(--space-m);
border-radius: 1.5em;
background-color: var(--base);
box-shadow: 0 4px 9px 0 var(--shade-trans-30);
}
.home-stat--stat-head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.home-stat--stat-text {
  font-size: var(--n-text-m);
margin-bottom: var(--space-m);
}
.home-stat--stat-counter {
  inline-size: auto;
margin-top: auto;
}
.home-stat--stat-counter-count {
  .home-stat--stat-counter & {
	font-size: var(--n-h3);
	color: var(--shade-semi-dark);
	font-weight: 900;
	line-height: 1.5em;
}
}
.home-stat--stat-counter-suffix {
  .home-stat--stat-counter & {
	font-size: var(--n-text-m);
	color: var(--shade-semi-dark);
	font-weight: 700;
}
}
.home-contact--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
isolation: isolate;
position: relative;
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(var(--neutral-trans-70), var(--neutral-trans-70));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
}
.home-contact--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.home-contact--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: flex;
flex-direction: row;
column-gap: var(--col-gap);
align-items: stretch;
justify-content: space-between;
--left-w: clamp(36rem, 26vw, 42rem);
--right-w: calc(100% - var(--left-w) - var(--col-gap));
--col-gap: var(--space-xl);
@media (max-width: 767px) {
	flex-direction: column;
	row-gap: var(--space-xl);
}
@media (max-width: 767px) {
	--left-w: 100%;
	--right-w: 100%;
}
}
.home-contact--content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--left-w);
max-width: 100%;
justify-content: center;
}
.home-contact--head {
  font-size: var(--n-h4);
color: var(--white);
font-weight: 900;
margin-bottom: var(--space-xs);
}
.home-contact--text {
  margin-bottom: var(--space-m);
font-size: var(--n-text-m);
color: var(--white);
}
.home-contact--form-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.home-blog--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
}
.home-blog--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.home-blog--head {
  font-size: var(--n-h4);
margin-bottom: var(--space-xl);
}
.home-blog--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-xl);
@media (max-width: 1200px) {
	gap: var(--space-l);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.home-faq--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: #ecedef;
position: relative;
overflow: hidden;
@media (max-width: 767px) {
	padding-bottom: var(--section-space-xxl);
}
}
.home-faq--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
column-gap: var(--col-gap);
--col-gap: var(--space-xl);
--left-w: clamp(60rem, 52.3vw, 75rem);
--right-w: calc(clamp(0px, calc(100vw - var(--section-padding-x)*2), 144rem) - var(--left-w) - var(--col-gap));
@media (max-width: 767px) {
	flex-direction: column;
}
@media (max-width: 767px) {
	--left-w: 100%;
	--right-w: 100%;
}
}
.home-faq--content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--left-w);
max-width: 100%;
z-index: 15;
}
.home-faq--head {
  font-size: var(--n-h2);
color: var(--shade);
text-shadow: 4px 4px 10px var(--shade-trans-20);
margin-bottom: var(--space-m);
}
.home-faq--acc {
  --icon-s: var(--n-h4);
--icon-w: calc(var(--icon-s)*1.2);
}
.faq-item {
  border-radius: 3em;
background-color: var(--base);
margin-bottom: var(--space-m);
box-shadow: 4px 4px 10px 0 var(--shade-trans-20);
padding-bottom: calc(var(--space-s) - var(--space-xs));
&:last-child {
	margin-bottom: 0px;
}
@media (max-width: 767px) {
	padding-bottom: var(--space-s);
}
@media (max-width: 478px) {
	padding-bottom: var(--space-xxs);
}
}
.faq-item__summary {
  align-items: center;
flex-direction: row;
justify-content: space-between;
padding-top: var(--space-s);
padding-right: var(--space-m);
padding-bottom: var(--space-xs);
padding-left: var(--space-l);
list-style: none;
cursor: pointer;
display: flex;
@media (max-width: 767px) {
	flex-wrap: nowrap;
	column-gap: var(--space-m);
	padding-top: var(--space-m);
	padding-right: var(--space-m);
	padding-left: var(--space-m);
}
@media (max-width: 478px) {
	padding-top: var(--space-s);
}
&::-webkit-details-marker {
	display: none;
}
&::marker {
	content: "";
}
}
.faq-item__question {
  font-size: var(--n-text-xxl);
font-weight: 500;
color: var(--neutral);
transition: 0.5s;
line-height: 1.2;
}
.faq-item__icon {
  background-color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
transition: 0.5s;
box-shadow: 2px 2px 7px 0 var(--shade-trans-30);
font-size: var(--icon-s);
color: var(--white);
fill: var(--white);
width: var(--icon-w);
height: var(--icon-w);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
box-sizing: border-box;
padding: calc((var(--icon-w) - var(--icon-s) * 0.6) / 2);
.home-faq--acc .faq-item[open] & {
	transform: rotate(225deg);
}
.home-faq--acc .faq-item[open] .faq-item__summary:hover & {
	background-color: var(--primary-hover);
}
.home-faq--acc .faq-item[open] .faq-item__summary:hover & {
	color: var(--white);
}
.home-faq--acc .faq-item:not([open]) .faq-item__summary:hover & {
	background-color: var(--primary-hover);
}
a:has(> &) {
	display: flex;
}
}
.faq-item__answer {
  font-size: var(--n-text-m);
color: var(--shade);
transition: 0.5s;
display: block;
.home-faq--acc & {
	padding-right: var(--space-m);
	padding-bottom: var(--space-xs);
	padding-left: var(--space-l);
}
@media (max-width: 767px) {
	.home-faq--acc & {
		padding-right: var(--space-m);
		padding-left: var(--space-m);
	}
}
@media (max-width: 478px) {
	.home-faq--acc & {
		padding-bottom: var(--space-s);
	}
}
& a {
	font-size: var(--n-text-m);
	color: var(--shade);
	font-size: inherit;
}
}
.home-faq--img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--right-w);
}
.home-faq--img {
  position: absolute;
right: 0px;
bottom: 0px;
height: 100%;
width: var(--right-w);
&:not(.tag) {
	object-fit: contain;
	object-position: right bottom;
}
& img {
	object-fit: contain;
	object-position: right bottom;
}
@media (max-width: 767px) {
	height: var(--section-space-xxl);
	width: auto;
}
}
.about-hero--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
min-height: 70svh;
justify-content: center;
padding-top: var(--section-space-l);
isolation: isolate;
position: relative;
--content-w: clamp(0px, 100%, 84rem);
--shape-h: 17.83vw;
--shape-top: calc(100% - var(--shape-h)*0.96);
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(var(--neutral-trans-60), var(--neutral-trans-60));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
}
.about-hero--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.about-hero--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.about-hero--head {
  font-size: var(--n-h2);
color: var(--white);
text-shadow: 0 4px 35px var(--neutral-trans-50);
margin-bottom: var(--space-xxs);
width: var(--content-w);
}
.about-hero--subhead-big {
  font-size: var(--n-h6);
color: var(--white);
font-weight: 500;
margin-bottom: var(--space-xs);
width: var(--content-w);
}
.about-hero--subhead-small {
  color: var(--white);
font-size: var(--n-text-m);
margin-bottom: var(--space-l);
width: var(--content-w);
}
.about-hero--btn {
  font-size: var(--n-text-xs);
font-size: var(--n-text-xs) !important;
}
.about-about--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-top: var(--section-top);
padding-bottom: 0;
position: relative;
overflow: hidden;
--section-top: var(--section-space-m);
@media (max-width: 767px) {
	--section-top: 0;
}
@media (max-width: 767px) {
	padding-top: var(--section-space-m);
	padding-right: 0;
	padding-left: 0;
}
}
.about-about--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: calc(var(--space-xxl)*2);
@media (max-width: 1200px) {
	gap: var(--space-xxl);
}
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
}
.about-about--img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
align-items: flex-start;
justify-content: flex-end;
padding-top: var(--space-l);
padding-right: var(--space-l);
padding-bottom: var(--space-l);
&:after {
	content: "";
	position: absolute;
	top: var(--section-top);
	left: 0;
	bottom: 0;
	width: 50%;
	background-image: linear-gradient(rgba(0,0,0,0), var(--black-trans-40));
	z-index: 15;
}
@media (max-width: 767px) {
	height: 50vw;
	position: relative;
	padding-right: var(--section-padding-x);
	padding-left: var(--section-padding-x);
}
@media (max-width: 767px) {
	&:after {
		width: 100%;
	}
}
}
.about-about--img-head {
  z-index: 20;
font-size: var(--head-size);
color: var(--white);
line-height: 0.9;
text-shadow: 0 4px 10px var(--shade-trans-40);
--head-size: var(--n-h3);
}
.about-about--img-head-highlight {
  .about-about--img-head & {
	font-size: calc(var(--head-size)*2.344);
}
}
.about-about--img {
  width: 50%;
height: calc(100% - var(--section-top));
position: absolute;
top: var(--section-top);
left: 0px;
box-shadow: 4px 6px 15px 0 var(--shade-trans-40);
@media (max-width: 767px) {
	width: 100%;
	height: 100%;
}
}
.about-about--head-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
justify-content: center;
align-items: flex-start;
padding-top: var(--section-space-l);
padding-bottom: var(--section-space-l);
@media (max-width: 767px) {
	padding-top: 0;
	padding-right: var(--section-padding-x);
	padding-bottom: 0;
	padding-left: var(--section-padding-x);
	grid-row: 1;
}
}
.about-about--head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.about-about--text {
  font-size: var(--n-text-m);
}
.about-vision--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
isolation: isolate;
position: relative;
}
.about-vision--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.about-vision--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
align-items: center;
width: 100%;
max-width: calc(var(--n-h1)*7);
}
.about-vision--head {
  font-size: calc(var(--n-h1)*2);
font-family: "Inter";
color: var(--white);
text-shadow: 0 8px 35px var(--neutral-trans-20);
}
.about-vision--text {
  font-size: var(--vision-f);
--vision-f: var(--n-text-l);
}
.about-vision--text-highlight {
  .about-vision--text & {
	font-size: calc(var(--vision-f)*1.33);
	font-weight: 700;
}
}
.about-value--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
align-items: center;
text-align: center;
}
.about-value--head {
  font-size: var(--n-h3);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.about-value--text {
  font-size: var(--n-text-m);
color: var(--shade);
margin-bottom: var(--space-xl);
}
.about-value--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-l);
@media (max-width: 767px) {
	grid-template-columns: 1fr;
	width: 100%;
	max-width: 40rem;
}
}
.about-value--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
padding-top: var(--space-xl);
padding-right: var(--space-l);
padding-bottom: var(--space-m);
padding-left: var(--space-l);
align-items: center;
justify-content: flex-start;
background-color: var(--base);
box-shadow: 2px 8px 35px 0 var(--shade-trans-20);
border-radius: 2em;
text-align: center;
@media (max-width: 1200px) {
	padding-right: var(--space-m);
	padding-left: var(--space-m);
}
@media (max-width: 991px) {
	padding-right: var(--space-s);
	padding-left: var(--space-s);
}
}
.about-value--card-img {
  height: 24.5rem;
width: auto;
margin-bottom: var(--space-xl);
@media (max-width: 1200px) {
	height: 20vw;
}
@media (max-width: 991px) {
	height: 15vw;
	margin-bottom: var(--space-l);
}
}
.about-value--card-head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.about-value--card-text {
  font-size: var(--n-text-m);
}
.about-product--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
}
.about-product--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.about-product--head {
  font-size: var(--n-h3);
color: var(--shade);
margin-bottom: var(--space-l);
}
.about-product--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-m);
--img-h: clamp(0px, 32vw, 46rem);
row-gap: var(--space-l);
@media (max-width: 767px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
	--img-h: clamp(0px, 45vw, 46rem);
}
@media (max-width: 478px) {
	--img-h: clamp(0px, 60vw, 46rem);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.about-product--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.about-product--card-img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: 100%;
height: var(--img-h);
position: relative;
overflow: hidden;
border-radius: 1em;
margin-bottom: var(--space-m);
transition: 0.5s;
.about-product--card:hover & {
	box-shadow: 2px 8px 35px rgba(0,0,0,0.15);
}
}
.about-product--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
.about-product--card:hover & {
	transform: scale(1.05);
}
}
.about-product--card-text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: var(--text-gap);
--btn-f: var(--n-text-xs);
--head-f: var(--n-text-l);
--head-top: 0;
--text-gap: var(--space-s);
--btn-w: calc(var(--n-text-xs)*9);
--head-w: calc(100% - var(--btn-w) - var(--text-gap));
@media (max-width: 991px) {
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--space-xxs);
}
}
.about-product--card-head {
  font-size: var(--head-f);
color: var(--shade);
width: var(--head-w);
margin-top: var(--head-top);
@media (max-width: 991px) {
	width: 100%;
}
}
.about-product--card-btn-container {
  width: var(--btn-w);
& [class*="btn--"] {
	font-size: var(--btn-f);
}
@media (max-width: 991px) {
	margin-top: auto;
	width: auto;
}
}
.about-process--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-image: linear-gradient(var(--white) 50%, var(--base) 50%);
}
.about-process--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.about-process--head {
  font-size: var(--n-h3);
color: var(--shade);
margin-bottom: var(--space-m);
}
.about-process--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(5, 1fr);
gap: var(--space-xs);
@media (max-width: 991px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.about-process--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
min-height: var(--card-h);
overflow: hidden;
padding-top: var(--space-m);
padding-right: var(--space-l);
padding-bottom: var(--space-m);
padding-left: var(--space-l);
position: relative;
border-radius: 1em;
justify-content: flex-end;
align-items: flex-start;
--row-h: clamp(0px, 15.7vw, 22.6rem);
--card-h: var(--row-h);
.about-process--grid &:nth-child(1) {
	grid-column: 1/4;
}
.about-process--grid &:nth-child(2) {
	grid-column: 4/6;
	grid-row: 1/3;
}
.about-process--grid &:nth-child(3) {
	grid-column: 1/3;
}
.about-process--grid &:nth-child(4) {
	padding: var(--space-m) var(--space-s);
}
@media (max-width: 991px) {
	.about-process--grid &:nth-child(1) {
		grid-column: 1/2;
	}
}
@media (max-width: 991px) {
	.about-process--grid &:nth-child(2) {
		grid-column: 2/3;
		grid-row: 1/3;
	}
}
@media (max-width: 991px) {
	.about-process--grid &:nth-child(3) {
		grid-column: 1/2;
		grid-row: 2/4;
	}
}
@media (max-width: 991px) {
	.about-process--grid &:nth-child(4) {
		padding: var(--space-l) var(--space-m);
	}
}
@media (max-width: 478px) {
	.about-process--grid &:nth-child(1) {
		grid-column: 1;
		grid-row: auto;
		padding: var(--space-m) var(--space-s);
	}
}
@media (max-width: 478px) {
	.about-process--grid &:nth-child(2) {
		grid-column: 1;
		grid-row: auto;
		padding: var(--space-m) var(--space-s);
	}
}
@media (max-width: 478px) {
	.about-process--grid &:nth-child(3) {
		grid-column: 1;
		grid-row: auto;
		padding: var(--space-m) var(--space-s);
	}
}
@media (max-width: 478px) {
	.about-process--grid &:nth-child(4) {
		grid-column: 1;
		grid-row: auto;
		padding: var(--space-m) var(--space-s);
	}
}
&:first-child {
	--card-h: calc(var(--row-h)*1.64);
}
&:after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), var(--black-trans-70));
	z-index: 15;
}
@media (max-width: 991px) {
	--row-h: clamp(0px, 25vw, 22.6rem);
}
@media (max-width: 991px) {
	&:first-child {
		--card-h: var(--row-h);
	}
}
@media (max-width: 991px) {
	&:nth-child(2) {
		--card-h: calc(var(--row-h)*1.64);
	}
}
@media (max-width: 991px) {
	&:nth-child(3) {
		--card-h: calc(var(--row-h)*1.64);
	}
}
@media (max-width: 478px) {
	--row-h: clamp(0px, 60vw, 22.6rem);
}
@media (max-width: 478px) {
	&:nth-child(2) {
		--card-h: var(--row-h);
	}
}
@media (max-width: 478px) {
	&:nth-child(3) {
		--card-h: var(--row-h);
	}
}
}
.about-process--card-text {
  z-index: 20;
font-size: var(--n-h5);
color: var(--white);
line-height: var(--heading-line-height);
}
.about-process--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
.about-process--card:hover & {
	transform: scale(1.05);
}
}
.about-service--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background-color: var(--base);
}
.about-service--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
width: calc(100% - var(--section-padding-x)*2);
max-width: 144rem;
margin-bottom: var(--space-m);
}
.about-service--head {
  font-size: var(--n-h3);
color: var(--shade);
}
.about-service--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
}
.about-service--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
min-height: 50svh;
overflow: hidden;
position: relative;
align-items: center;
justify-content: center;
background-color: var(--neutral);
&:after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--primary-trans-70);
	z-index: 5;
	transition-duration: 0.5s;
}
&:hover:after {
	opacity: 0;
}
@media (max-width: 991px) {
	min-height: 40vw;
}
@media (max-width: 767px) {
	min-height: 60vw;
}
}
.about-service--card-head {
  z-index: 15;
font-size: var(--n-h4);
color: var(--white);
text-shadow: 0 4px 7px var(--shade-trans-50);
}
.about-service--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
opacity: 0.8;
.about-service--card:hover & {
	transform: scale(1.05);
}
}
.about-team--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
padding-top: var(--section-space-xl);
padding-bottom: var(--section-space-xl);
background-color: var(--base);
@media (max-width: 767px) {
	padding-top: var(--section-space-m);
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
}
.about-team--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(2, 1fr);
gap: calc(var(--space-xxl)*2);
@media (max-width: 1200px) {
	gap: var(--space-xxl);
}
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
}
.about-team--text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
grid-column: 2;
grid-row: 1;
@media (max-width: 767px) {
	grid-column: 1;
	padding-right: var(--section-padding-x);
	padding-left: var(--section-padding-x);
}
}
.about-team--head {
  font-size: var(--n-h6);
color: var(--primary);
margin-bottom: var(--space-xs);
}
.about-team--text {
  font-size: var(--n-text-m);
}
.about-team--img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
@media (max-width: 767px) {
	position: relative;
}
}
.about-team--img {
  width: 50%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
@media (max-width: 767px) {
	width: 100%;
	height: auto;
	position: static;
}
}
.about-cta--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--base);
}
.about-cta--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: var(--content-gap);
padding-top: var(--space-xl);
padding-right: var(--space-xl);
padding-bottom: var(--space-xl);
padding-left: var(--space-xl);
position: relative;
border-radius: 1.5em;
overflow: hidden;
width: 100%;
max-width: 120rem;
isolation: isolate;
position: relative;
--head-w: calc(100% - var(--content-gap) - var(--btn-w));
--btn-w: calc(var(--n-text-l)*10.5);
--content-gap: var(--space-xxl);
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(90deg, rgba(233, 87, 49, 0.75), var(--primary-trans-70));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
@media (max-width: 767px) {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-right: var(--space-m);
	padding-left: var(--space-m);
	row-gap: var(--space-l);
}
}
.about-cta--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.about-cta--head {
  font-size: var(--main-f);
color: var(--white);
text-shadow: 0 4px 4px var(--shade-trans-30);
font-weight: 500;
width: var(--head-w);
max-width: 52rem;
--main-f: var(--n-h6);
--highlight-f: calc(var(--main-f)*1.78);
@media (max-width: 767px) {
	width: 100%;
}
}
.about-cta--head-highlight {
  .about-cta--head & {
	font-size: var(--highlight-f);
	font-weight: 700;
}
}
.about-cta--btn-container {
  width: var(--btn-w);
display: flex;
align-items: center;
justify-content: flex-end;
@media (max-width: 767px) {
	width: auto;
}
}
.about-cta--btn {
  font-size: var(--n-text-l) !important;
}
.contact-hero--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-image: linear-gradient(var(--white), var(--base));
}
.contact-hero--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
gap: var(--space-xl);
grid-template-columns: repeat(2, 1fr);
width: 100%;
max-width: 118rem;
@media (max-width: 767px) {
	grid-template-columns: 1fr;
	gap: var(--space-l);
}
}
.contact-hero--head-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
justify-content: center;
align-items: flex-start;
padding-top: var(--section-space-xs);
padding-bottom: var(--section-space-xs);
@media (max-width: 767px) {
	padding-top: 0;
	padding-bottom: 0;
}
}
.contact-hero--head {
  font-size: var(--n-h3);
color: var(--secondary);
}
.contact-hero--sub-head {
  font-size: var(--n-text-xl);
font-weight: 600;
color: var(--shade);
margin-bottom: var(--space-l);
@media (max-width: 767px) {
	margin-bottom: var(--space-m);
}
}
.contact-hero--contact-link {
  display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
column-gap: var(--space-xxs);
.contact-hero--head-container & {
	margin-bottom: var(--space-xs);
}
&:nth-last-child(2) {
	margin-bottom: var(--space-m);
}
}
.contact-hero--contact-link-icon {
  font-size: 60px;
line-height: 1;
flex-shrink: 0;
font-size: var(--n-text-l);
color: var(--shade);
fill: var(--shade);
width: var(--n-text-m);
height: calc(var(--n-text-m)*1.5);
min-width: var(--n-text-m);
display: flex;
align-items: center;
justify-content: center;
.contact-hero--head-container & {
	color: var(--primary);
}
a:has(> &) {
	display: flex;
}
}
.contact-hero--contact-link-text-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.contact-hero--contact-link-head {
  font-size: var(--n-text-m);
color: var(--shade);
font-weight: 700;
position: relative;
&:after {
	content: "line";
	width: 0px;
	height: 1px;
	position: absolute;
	font-size: 0px;
	background-color: var(--shade);
	transition: 0.5s;
	bottom: 0px;
	left: 0px;
}
}
.contact-hero--contact-link-text {
  font-size: var(--n-text-s);
color: var(--shade);
position: relative;
.contact-hero--contact-link:hover & {
	color: var(--shade) !important;
}
.contact-hero--contact-link:hover &:after {
	width: 100%;
}
&:after {
	content: "line";
	width: 0px;
	height: 1px;
	position: absolute;
	font-size: 0px;
	background-color: var(--shade);
	transition: 0.5s;
	bottom: 0px;
	left: 0px;
}
}
.contact-hero--social-main-container {
  display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
column-gap: var(--space-xxs);
margin-top: auto;
}
.contact-hero--map {
  width: 100%;
--map-radius: 1em;
--map-border: solid 2px var(--primary);
--map-shadow: 8px 8px 16px var(--shade-trans-10);
@media (max-width: 767px) {
	min-height: 60vw;
}
}
.contact-hero--form-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
}
.product-benefit--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--primary);
}
.product-benefit--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: grid;
align-items: initial;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-m);
@media (max-width: 991px) {
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	max-width: 70rem;
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.product-benefit--card {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
background-color: var(--white);
overflow: hidden;
border-radius: 1em;
box-shadow: 5px 4px 14px 0 var(--shade-trans-30);
--img-h: clamp(0px, 18vw, 26rem);
@media (max-width: 991px) {
	--img-h: 25rem;
}
@media (max-width: 767px) {
	--img-h: clamp(0px, 33vw, 26rem);
}
@media (max-width: 478px) {
	--img-h: clamp(0px, 60vw, 36rem);
}
}
.product-benefit--card-img-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
height: var(--img-h);
position: relative;
overflow: hidden;
}
.product-benefit--card-img {
  width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
.product-benefit--card:hover & {
	transform: scale(1.05);
}
}
.product-benefit--card-content-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
justify-content: flex-start;
align-items: center;
text-align: center;
padding-top: var(--space-s);
padding-right: var(--space-s);
padding-bottom: var(--space-s);
padding-left: var(--space-s);
row-gap: var(--space-xs);
@media (max-width: 1200px) {
	padding-right: var(--space-xs);
	padding-left: var(--space-xs);
}
}
.product-benefit--card-head {
  font-size: var(--n-text-l);
color: var(--primary);
}
.product-benefit--card-text {
  font-size: var(--n-text-m);
color: var(--shade);
}
.product-process--head {
  width: 100%;
max-width: calc(100% - var(--section-padding-x)*2);
text-align: center;
font-size: var(--n-h3);
color: var(--primary);
text-transform: uppercase;
margin-bottom: var(--space-xl);
}
.product-process--card-head {
  font-size: var(--n-h6);
color: var(--shade);
font-weight: 400;
text-align: center;
width: 100%;
}
.product-cta--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
position: relative;
isolation: isolate;
position: relative;
:where(& > *:not(figcaption)) {
	position: relative;
}
&::before {
	background-image: linear-gradient(var(--neutral-trans-40), var(--neutral-trans-40));
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
}
.product-cta--bg {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; object-position: center; z-index: -1; pointer-events: none;
}
.product-cta--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
column-gap: var(--card-gap);
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: var(--white);
width: 100%;
max-width: 111rem;
padding-top: var(--space-l);
padding-right: var(--space-l);
padding-bottom: var(--space-l);
padding-left: var(--space-l);
border-radius: 1.5em;
--left-w: calc(100% - var(--card-gap) - var(--right-w));
--right-w: clac(var(--n-text-l)*25);
--card-gap: var(--space-xl);
@media (max-width: 767px) {
	flex-direction: column;
	row-gap: var(--space-l);
	justify-content: flex-start;
	align-items: flex-start;
}
}
.product-cta--head-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--left-w);
@media (max-width: 767px) {
	width: 100%;
	align-items: center;
	text-align: center;
}
}
.product-cta--head {
  font-size: var(--n-h6);
color: var(--shade);
margin-bottom: var(--space-xxs);
}
.product-cta--text {
  font-size: var(--n-text-l);
color: var(--shade);
font-weight: 500;
}
.product-cta--btn-container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
width: var(--right-w);
@media (max-width: 767px) {
	width: 100%;
	align-items: center;
}
}
.btn--l {
  .product-cta--btn-container & {
	font-size: var(--n-text-l);
}
}
.product-faq--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-color: var(--white);
position: relative;
overflow: hidden;
@media (max-width: 767px) {
	padding-bottom: var(--section-space-xxl);
}
}
.product-faq--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
column-gap: var(--col-gap);
--col-gap: 1px;
--left-w: clamp(60rem, 52.3vw, 75rem);
--right-w: calc(clamp(0px, calc(100vw - var(--section-padding-x)*2), 144rem) - var(--left-w) - var(--col-gap));
@media (max-width: 767px) {
	flex-direction: column;
}
@media (max-width: 767px) {
	--left-w: 100%;
	--right-w: 100%;
}
}
.product-faq--img {
  position: absolute;
right: 0px;
bottom: 0px;
height: 100%;
width: var(--right-w);
&:not(.tag) {
	object-fit: contain;
	object-position: right bottom;
}
& img {
	object-fit: contain;
	object-position: right bottom;
}
@media (max-width: 767px) {
	height: var(--section-space-xxl);
	width: auto;
}
}
.blog-hero--section {
  display: flex;
flex-direction: column;
align-items: center;
inline-size: 100%;
margin-inline: auto;
background-image: linear-gradient(var(--white), var(--base));
}
.blog-hero--container {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
align-items: center;
}
.blog-hero--head {
  font-size: var(--n-h2);
text-align: center;
margin-bottom: var(--space-xl);
}
.blog-card--grid {
  display: flex;
flex-direction: column;
align-items: flex-start;
inline-size: 100%;
display: grid;
align-items: initial;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-m);
@media (max-width: 991px) {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
	grid-template-columns: 1fr;
}
@media (max-width: 478px) {
	grid-template-columns: 1fr;
}
}
.not-found--section {
  min-block-size: 60svh;
justify-content: center;
}
.not-found--container {
  align-items: center;
text-align: center;
row-gap: var(--space-m);
}
.not-found--head {
  font-size: var(--n-h1);
color: var(--primary);
}
.not-found--text {
  font-size: var(--n-text-l);
}
.home-stat--stat-counter-unit {
  font-size: var(--n-h3);
font-weight: 900;
}
.about-gallery--section {
  /* source About leftover section (#brxe-zkjyed / #brxe-lkidjo / 3 images): id rules mapped to classes */
overflow: hidden;
}
.about-gallery--container {
  flex-direction: row;
justify-content: space-between;
}
.about-gallery--img {
  height: 20rem;
width: auto;
}