/*--------------------*/
/*  Reset             */
/*--------------------*/
html {height: auto;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;scroll-padding-top: var(--h-height-true, 0);interpolate-size: allow-keywords;}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;background-color: var(--clr-white);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
* {border: 0;margin: 0;padding: 0;min-width: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-locale: auto;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
:is(*, *:before, *:after) {box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) rgba(128, 128, 128, 0.05) url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
::-moz-placeholder {display: none;}
::placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;}
/*----------------------*/
/*  Main Global         */
/*----------------------*/
:root {--root-scale: 1rem;--container-width: 100%;--ff-1: "Gotham Pro",sans-serif;--ff-2: "Adventure",sans-serif;--h1: 5.5rem;--h2: 4.375rem;--h3: 3.25rem;--h4: 2.375rem;--h5: 1.875rem;--h6: 1.5rem;--subtitle: 1.75rem;--text: 1.25rem;--text-sm: 1rem;--sp-xl: 8.75rem;--sp-lg: 5rem;--sp-md: 3.75rem;--sp-sm: 2.5rem;--sp-xs: 1.25rem;--sp-xss: 0.625rem;--rd-1: 10px;--clr-title: #131313;--clr-text: rgba(0, 0, 0, 0.6);--clr-sub-title: #009249;--clr-plc: rgba(0, 0, 0, 0.6);--clr-input: rgba(185, 168, 121, 0.5);--clr-border: rgba(185, 168, 121, 0.5);--clr-white: #ffffff;--clr-black: #131313;--clr-red: #ff0000;--clr-green: #004416;--clr-primary: #009249;--clr-primary-85: rgba(0, 146, 73, 0.85);--clr-secondary: #B9A879;--bg-1: #F8F5F0;--blur: 15px;--bg-overlay: rgba(2, 30, 14, 0.5);--box-shadow: 0px 0px 1.5rem 0px rgba(40, 33, 12, 0.05);--transition-1: .26s linear;--cubic-1: .6s cubic-bezier(0.65, 0, 0.35, 1);/* Columns */--col-1: 8.33333333%;--col-2: 16.66666667%;--col-3: 25%;--col-4: 33.33333333%;--col-5: 41.66666667%;--col-6: 50%;--col-7: 58.33333333%;--col-8: 66.66666667%;--col-9: 75%;--col-10: 83.3333333%;--col-11: 91.66666667%;--col-12: 100%;}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-hidden {overflow: clip;}
html.overflow-hidden body {overflow: clip;}
.overflow-overlay {position: fixed;z-index: 90;inset: 0;opacity: 0;visibility: hidden;background-color: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--cubic-1);}
#content-block {position: relative;min-height: 100svh;overflow: clip;display: flex;flex-direction: column;}
header {position: relative;z-index: 2;opacity: 0;}
main {position: relative;z-index: 1;margin-bottom: auto;background-color: var(--clr-white);}
:where(.section) {margin-top: var(--sp-xl);}
:where(.section:last-child) {margin-bottom: var(--sp-xl);}
.section {position: relative;opacity: 0;}
.section.animated {opacity: 1;transition: 0.15s linear opacity;}
.section.cabinet-section {opacity: 0;}
.container {width: 100%;margin-inline: auto;padding-inline: 0.75rem;}
.swiper-container {will-change: opacity;opacity: 0;}
.swiper-container.swiper-initialized {opacity: 1;transition: 0.15s linear opacity;}
.cookies-informer,
.informer,
.cart-informer,
.cart,
.popup-wrapper,
.overflow-overlay {display: none;}
@media (min-width: 1200px) {
:root {--container-width: 88.75vw;}
footer {position: sticky;z-index: 0;bottom: 0;}
.container {width: var(--container-width);}
}
@media (min-width: 1200px) and (max-width: 1380px) {
:root {--root-scale: 0.8rem;}
}
@media (min-width: 1381px) and (max-width: 1680px) {
:root {--root-scale: 0.875rem;}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 2rem;}
}
@media (max-width: 1199px) {
:root {--h1: 4rem;--h2: 3.375rem;--h3: 2.5rem;--h4: 2rem;--h5: 1.625rem;--h6: 1.25rem;--subtitle: 1.5rem;--text: 1.125rem;--text-sm: 0.938rem;--sp-xl: 6.5rem;--sp-lg: 4rem;--sp-md: 3rem;--sp-sm: 1.875rem;--sp-xs: 1rem;--sp-xss: 0.5rem;}
}
@media (max-width: 767px) {
:root {--h1: 2.5rem;--h2: 2.25rem;--h3: 2rem;--h4: 1.75rem;--h5: 1.375rem;--h6: 1.125rem;--subtitle: 1.375rem;--text: 1rem;--text-sm: 0.875rem;--sp-xl: 4.5rem;--sp-lg: 3.125rem;--sp-md: 1.875rem;--sp-sm: 1.25rem;--sp-xs: 0.75rem;--sp-xss: 0.375rem;}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
:root {--h-flex-gap: 0.5rem;--h-logo-width: 5rem;--h-btn: 2.25rem;--h-icon: 1rem;--h-icon-num: 1.25rem;--h-wrap-pd: 0.5rem;--h-height-true: calc(var(--h-btn) + var(--h-wrap-pd) * 2);--h-scroll-range: calc(var(--h-height) * 1.5);--h-bar-height: 2.5rem;--h-height: var(--h-height-true);}
:root:has(.h-top-bar) {--h-height: calc(var(--h-height-true) + var(--h-bar-height));}
@media (max-width: 575px) {
.h-hide-on-mobile {display: none !important;}
}
header {position: sticky;z-index: 100;top: 0;height: var(--h-height);}
header:has(.h-top-bar) {pointer-events: none;}
header:has(.h-top-bar) > * {pointer-events: initial;}
header:has(.h-top-bar) .h-wrap,
header:has(.h-top-bar) .h-search {transform: translateY(var(--h-bar-height));animation: paddingToZero linear both;animation-timeline: scroll();animation-range: 0% 140px;}
@keyframes paddingToZero {
100% {transform: translateY(0%);}
}
body:has(.banner-section) header:not(.scrolled) .h-btn {background: rgba(248, 245, 240, 0.1);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);color: var(--clr-white);}
body:has(.banner-section) header:not(.scrolled) .h-menu.can-animate {background-color: rgba(2, 30, 14, 0.1);}
body:has(.banner-section) header:not(.scrolled) .h-top-bar-inner {background: rgba(0, 146, 73, 0.5);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.h-top-bar {position: absolute;z-index: -2;top: 0;left: 0;width: 100%;height: var(--h-bar-height);padding-top: calc(var(--h-bar-height) * 0.178572);animation: hideTopBar linear both;animation-timeline: scroll();animation-range: 0% 140px;}
@keyframes hideTopBar {
100% {transform: translateY(calc(-1 * var(--h-bar-height)));}
}
.h-top-bar-inner {border-radius: 50px;height: 100%;gap: 0.625rem;display: flex;align-items: center;justify-content: center;background-color: var(--clr-primary);margin-inline: calc((100% - var(--container-width) + 1.5rem) / 2);overflow: clip;font-size: var(--text-sm);line-height: 1.1em;color: var(--clr-white);padding-inline: 0.75rem;}
.h-top-bar-inner img {max-height: 1.65em;}
.h-top-bar-inner > *:not(span) {flex-shrink: 0;}
.h-top-bar-inner b {font-weight: 500;}
.h-wrap {position: relative;z-index: 2;width: 100%;height: var(--h-height-true);padding-block: var(--h-wrap-pd);padding-inline: calc((100% - var(--container-width) + 1.5rem) / 2);gap: var(--h-flex-gap);display: grid;align-items: center;grid-template-columns: 1fr auto 1fr;}
.h-wrap-bg {will-change: transform;position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: var(--h-height-true);background-color: var(--clr-white);transform: translateY(-100%);animation: showHeaderBg linear both;animation-timeline: scroll();animation-range: 0% 140px;}
@keyframes showHeaderBg {
100% {box-shadow: var(--box-shadow);transform: translateY(0%);}
}
.h-logo {position: relative;display: block;height: 100%;width: var(--h-logo-width);}
.h-logo img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;transform-origin: center top;animation: scaleHeaderLogo linear both;animation-timeline: scroll();animation-range: 0% 140px;}
@keyframes scaleHeaderLogo {
100% {transform: translateX(-50%) scale(0.66);}
}
.h-controls {gap: var(--h-flex-gap);display: flex;align-items: center;}
.h-controls.right {gap: 0;justify-content: flex-end;}
.h-btn {flex-shrink: 0;cursor: pointer;position: relative;gap: 0.625em;display: inline-flex;align-items: center;padding: 0.625em 1em;min-width: var(--h-btn);height: var(--h-btn);font-size: var(--text-sm);line-height: 1em;font-weight: 400;color: var(--clr-black);border-radius: var(--h-btn);background: var(--bg-1);transition: var(--transition-1);}
.h-btn > svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: var(--h-icon);height: var(--h-icon);color: var(--clr-secondary);transition: var(--transition-1);}
.h-btn i {position: absolute;z-index: 1;top: 0;right: 0;font-weight: 400;text-align: center;font-size: 0.875rem;color: var(--clr-white);line-height: var(--h-icon-num);display: inline-block;width: var(--h-icon-num);height: var(--h-icon-num);border-radius: 100%;background-color: var(--clr-primary);}
.h-btn b {flex-shrink: 0;display: none;}
.h-cabinet {justify-content: flex-end;}
.h-cabinet.is-active .h-cabinet-dropdown {opacity: 1;visibility: visible;transition: var(--transition-1);}
* + .h-cabinet {margin-left: var(--h-flex-gap);}
.h-cabinet + * {margin-left: var(--h-flex-gap);}
.h-cabinet-dropdown {position: absolute;z-index: 5;bottom: 0;right: 0;transform: translateY(calc(100% + var(--h-wrap-pd)));opacity: 0;visibility: hidden;backface-visibility: hidden;border-radius: var(--rd-1);background-color: var(--clr-white);padding: 0.5rem;}
.h-cabinet-dropdown li {line-height: 0;}
.h-cabinet-dropdown li svg {--size: 1.25em;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;color: var(--clr-primary);}
.h-cabinet-dropdown li > * {cursor: pointer;display: flex;align-items: center;gap: 0.75em;background-color: transparent;font-size: var(--text-sm);line-height: 1.2em;font-weight: 500;color: var(--clr-black);transition: var(--transition-1);width: -moz-max-content;width: max-content;padding: 1em;}
.h-cabinet-dropdown li > * b {display: inline-block;white-space: nowrap;line-height: 1em;}
.h-cabinet-dropdown li a.active {color: var(--clr-primary);}
.h-overlay {z-index: 5;display: block;}
.h-search {pointer-events: none;position: absolute;z-index: 10;top: 0;left: 0;right: 0;padding-block: var(--h-wrap-pd);padding-inline: 0.75rem;opacity: 0;visibility: hidden;transition: opacity var(--cubic-1),visibility var(--cubic-1);}
.h-search-form {pointer-events: initial;position: relative;overflow: clip;border-radius: var(--rd-1);background-color: var(--bg-1);}
.h-search-input {position: relative;z-index: 0;width: 100%;height: var(--h-btn);padding: 0 1rem;padding-right: 3rem;background-color: var(--bg-1);text-overflow: ellipsis;font-size: var(--text-sm);line-height: var(--h-btn);color: var(--clr-black);}
.h-search-close {cursor: pointer;display: none;}
.h-search-icon {position: absolute;width: var(--h-icon);height: var(--h-icon);line-height: 0;top: 50%;right: 1rem;transform: translate(0%, -50%);color: var(--clr-secondary);}
.h-search-dropdown {pointer-events: initial;position: absolute;bottom: 0;left: 0.75rem;right: 0.75rem;transform: translateY(100%);padding: var(--sp-xs) var(--sp-sm) var(--sp-sm);border-radius: var(--rd-1);background-color: var(--bg-1);opacity: 0;visibility: hidden;}
.h-search-dropdown > * + * {margin-top: var(--sp-sm);}
.search-product {font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-black);padding: 1em;gap: 1em;display: flex;align-items: center;border-radius: var(--rd-1);border: 0.0625rem solid var(--bg-1);background-color: var(--bg-1);transition: border-color var(--transition-1);}
.search-product-img {position: relative;width: 4em;height: 4em;}
.search-product-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.search-product-title {margin-right: auto;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.search-is-open .h-logo {opacity: 0;visibility: hidden;transition: var(--cubic-1);}
.search-is-open .h-overlay,
.search-is-open .h-search {opacity: 1;visibility: visible;}
.search-is-open .h-search.value .h-search-dropdown {opacity: 1;visibility: visible;transition: opacity var(--cubic-1),visibility var(--cubic-1);}
.search-is-open .h-search.value .h-search-icon {display: none;}
.search-is-open .h-search.value .h-search-close {display: block;}
.h-menu {will-change: clip-path;position: absolute;z-index: 4;top: 0;left: 0;width: 100%;height: 100dvh;padding-block: var(--h-wrap-pd);padding-inline: calc((100% - var(--container-width) + 1.5rem) / 2);visibility: hidden;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);overflow-x: clip;overflow-y: auto;gap: 2.5rem;display: grid;grid-template-columns: 1fr;-webkit-backdrop-filter: blur(60px);backdrop-filter: blur(60px);background-color: rgba(2, 30, 14, 0.5);}
.h-menu.can-animate {visibility: visible;animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: menuClose;}
.h-menu::-webkit-scrollbar {display: none !important;}
.menu-is-open .h-menu {animation-name: menuOpen;}
.h-menu-logo {display: block;width: var(--h-logo-width);}
.h-menu-logo img {display: block;width: 100%;}
.h-links {margin-block: auto;font-size: var(--h4);line-height: 1em;font-weight: 500;color: var(--clr-white);}
.h-links ul {gap: 2rem;display: flex;align-items: flex-start;flex-direction: column;}
.h-lang {gap: 1rem;display: flex;align-items: center;}
.h-lang a {font-size: 1rem;line-height: 1em;font-weight: 500;color: var(--clr-white);text-transform: uppercase;padding: 0.75em 1em;gap: 0.625em;display: flex;align-items: center;border-radius: var(--rd-1);background: rgba(255, 255, 255, 0.1);}
.h-lang img {width: 1.5em;border-radius: 100%;}
.h-lang .is-active {pointer-events: none;}
.h-lang .is-active a {color: var(--clr-black);background: var(--clr-secondary);}
.h-apps-text {font-size: var(--h4);font-weight: 500;line-height: 1.1em;color: var(--clr-white);text-wrap: balance;}
.h-apps {max-width: 100%;gap: 1.25rem;display: flex;align-items: flex-start;}
.h-apps > * {width: 11rem;}
.h-apps img {display: block;width: 100%;}
.social {gap: 1.25rem;display: flex;flex-wrap: wrap;align-items: center;font-size: var(--text);line-height: 1em;font-weight: 400;color: var(--clr-white);}
.social img {width: 2.75rem;}
.social a {gap: 0.75rem;display: flex;align-items: center;}
@keyframes menuOpen {
0% {pointer-events: none;visibility: visible;}
0% {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
100% {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);pointer-events: initial;}
}
@keyframes menuClose {
0% {pointer-events: none;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
100% {clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
100% {visibility: hidden;pointer-events: none;}
}
@media (min-width: 576px) {
.h-show-on-mobile {display: none !important;}
body:has(.banner-section) header:not(.scrolled) .h-btn:not(.style-2) {background: rgba(248, 245, 240, 0.1);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);color: var(--clr-white);}
.h-btn.style-2 {background: transparent !important;}
* + .h-cabinet {margin-left: calc(var(--h-flex-gap) / 2);}
}
@media (min-width: 992px) {
:root {--h-flex-gap: 1rem;--h-logo-width: 6.25rem;--h-btn: 3rem;--h-icon: 1.25rem;--h-icon-num: 1.25rem;--h-wrap-pd: 0.5rem;--h-bar-height: 2.75rem;}
.h-btn b {display: inline-block;}
.h-btn:has(> b) > svg {position: relative;top: 0%;left: 0%;transform: translate(0%, 0%);}
.h-cabinet {justify-content: center;}
.h-cabinet-dropdown {right: auto;}
.h-menu {overflow-y: clip;padding-bottom: 2rem;gap: 3rem 1rem;grid-template-columns: 1fr 1fr;grid-template-rows: auto 1fr auto 1fr auto;}
.h-lang {grid-row: 1/2;grid-column: 1/2;}
.h-menu-close {grid-row: 1/2;grid-column: 2/3;justify-self: end;}
.h-menu-logo {align-self: end;width: calc(var(--h-logo-width) * 1.1);}
.social {grid-column: span 2;}
.h-links {grid-row: span 3;grid-column: 2/3;}
}
@media (min-width: 1200px) {
:root {--h-flex-gap: 2rem;--h-logo-width: 8.75rem;--h-btn: 3.5rem;--h-icon: 1.5rem;--h-icon-num: 1.5rem;--h-wrap-pd: 1rem;--h-bar-height: 3.5rem;}
.h-apps a:hover,
a.h-menu-logo:hover,
a.h-logo:hover {filter: brightness(1.2);}
.h-btn:hover {color: var(--clr-black) !important;background-color: var(--clr-secondary) !important;}
.h-btn:hover > svg {color: currentColor;}
.h-cabinet-dropdown li > *:hover {color: var(--clr-primary);}
.h-lang a:hover,
.social a:hover,
.h-links a:hover {color: var(--clr-secondary);}
.search-product:hover {border-color: var(--clr-secondary);}
.h-search {left: calc((100% - var(--container-width)) / 2 + var(--h-flex-gap) * 2 + var(--leftSpace, 0));right: calc((100% - var(--container-width)) / 2 - 0.4rem + var(--rightSpace, 0));}
}
@media (max-width: 991px) {
.h-menu-close {position: absolute;top: var(--h-wrap-pd);right: 0.75rem;}
.h-links {font-size: 1.25rem;}
.h-links ul {gap: 1.5rem;}
.h-apps-text {grid-row: 2/3;}
.h-top-bar-inner{font-size: 0.625rem;}
}
@media (max-width: 575px) {
.h-search-dropdown {padding-inline: 0.75rem;}
.search-product {padding: 0.5rem 0;}
}
header {opacity: 1;transition: 0.15s linear opacity;}
/*--------------------*/
/*  Typography        */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--text);line-height: 1.4em;color: var(--clr-text);}
.text {--text-space: var(--text);--text-rd: var(--rd-1);--text-li-padding: 1.4em;--text-th-height: 3rem;--text-th-padding: 1.5rem;font-size: var(--text);line-height: 1.3em;font-weight: 400;color: var(--clr-text);}
.text-sm {--text-space: var(--text-sm);font-size: var(--text-sm);line-height: 1.25em;}
.text * + :where(*) {margin-top: calc(var(--text-space) * 2);}
.text * + :is(p, ul, ol) {margin-top: var(--text-space);}
.text li + li {margin-top: calc(var(--text-space) / 2);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 2);}
.text p:not(:first-child) > :is(img, table, iframe, figure, picture, blockquote) {margin-top: calc(var(--text-space) * 2);}
.text p:not(:first-child):has(img, table, iframe, figure, picture, blockquote) + * {margin-top: calc(var(--text-space) * 2);}
.text .swiper-entry > * * {margin-top: 0;}
.text b {font-weight: 500;}
.text strong {font-weight: bold;color: var(--clr-black);}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;font-weight: 500;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.text ul li,
.text ol li {position: relative;padding-left: var(--text-li-padding);}
.text ul li:before {content: "";position: absolute;left: 0;top: 0.5em;width: 0.3em;height: 0.3em;border-radius: 100%;background-color: var(--clr-secondary);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;line-height: inherit;color: var(--clr-secondary);}
.text picture {font-size: initial;}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75em;font-weight: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {position: relative;font-size: var(--h5);font-weight: 500;line-height: 1.2em;text-align: center;color: var(--clr-black);text-wrap: balance;padding-block: var(--sp-sm);padding-inline: clamp(0.75rem, -6.54rem + 15.6vw, var(--text-space) * 6);background-color: var(--bg-1);border-radius: var(--text-rd);}
.text blockquote::before {content: "";position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: calc(var(--sp-md) * 1.4);aspect-ratio: 1.4;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='55' viewBox='0 0 77 55' fill='none'%3E%3Cpath d='M43.248 54.656V31.976C43.248 21.224 45.824 13.384 50.976 8.45599C56.24 3.416 64.024 0.783997 74.328 0.559993L76.512 11.144C64.64 12.376 59.152 17.92 60.048 27.776H70.464V54.656H43.248ZM0.576001 54.656V31.976C0.576001 21.224 3.152 13.384 8.304 8.45599C13.568 3.416 21.352 0.783997 31.656 0.559993L33.84 11.144C21.968 12.376 16.48 17.92 17.376 27.776H27.792V54.656H0.576001Z' fill='%23B9A879'/%3E%3C/svg%3E");}
.text table {width: 100%;table-layout: fixed;border-collapse: collapse;background-color: var(--bg-1);}
.text thead th,
.text thead td {font-weight: 500;color: var(--clr-black);}
.text td,
.text th {vertical-align: middle;height: var(--text-th-height);padding: 0.25rem 1.2em;font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);border: 0.0625rem solid var(--clr-border);}
.text *:first-child img {margin-top: 0;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: currentColor;}
}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {font-weight: 500;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: 1.13636em;}
h2,
.h2 {font-size: var(--h2);line-height: 1em;}
h3,
.h3 {font-size: var(--h3);line-height: 1em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.1em;}
h5,
.h5 {font-size: var(--h5);line-height: 1.2em;}
h6,
.h6 {font-size: var(--h6);line-height: 1.2em;}
.sub-title {font-family: var(--ff-2);color: var(--clr-sub-title);font-weight: 400;font-size: var(--subtitle);}
.text-balance {text-wrap: balance;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.title-page {gap: var(--sp-xs);display: flex;justify-content: space-between;}
.title-side-right {align-self: flex-end;width: 100%;max-width: 40.625rem;}
@media (max-width: 1199px) {
.title-side-right {max-width: 30rem;}
}
@media (max-width: 991px) {
.title-page {flex-direction: column;}
.title-side-right {max-width: 100%;}
}
/*--------------------*/
/*  Buttons           */
/*--------------------*/
.btn {--btn-md-height: 3.75rem;--btn-sm-height: 3rem;--btn-height: var(--btn-md-height);z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;overflow: hidden;font-size: var(--text-sm);line-height: 1em;font-weight: 500;color: var(--clr-white);text-decoration: none;padding: 0.25rem 1.25em;height: var(--btn-height);gap: 1.25em;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;border: 0.0625rem solid var(--clr-white);border-radius: var(--btn-height);background-color: transparent;transition: var(--transition-1);}
.btn-primary {border-color: var(--clr-primary);background-color: var(--clr-primary);}
.btn-secondary {border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.btn svg {width: 1.5em;height: 1.5em;color: currentColor;}
.btn-small {--btn-height: var(--btn-sm-height);}
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;cursor: not-allowed;opacity: 0.5;}
.btn:has(svg:only-child) {padding: 0;width: var(--btn-height);}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 2.75rem;width: var(--bw);height: var(--bw);color: var(--clr-black);border-radius: 100%;background-color: var(--clr-white);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;height: 0.125rem;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {cursor: pointer;font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-primary);font-weight: 500;gap: 0.625em;display: inline-flex;align-items: center;transition: var(--transition-1);}
.btn-link svg {width: 1.5em;height: 1.5em;}
.btn-wrap{display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.75rem;}
@media (min-width: 1200px) {
.btn:hover {color: var(--clr-white);border-color: var(--clr-black);background-color: var(--clr-black);}
.btn-primary:hover {color: var(--clr-white);border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.btn-secondary:hover {color: var(--clr-white);border-color: var(--clr-primary);background-color: var(--clr-primary);}
.btn-close:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-link:hover {color: var(--clr-secondary);}
}
@media (max-width: 1199px) {
.btn {--btn-md-height: 3.25rem;}
}
@media (max-width: 767px) {
.btn {--btn-md-height: 3rem;--btn-sm-height: 2.5rem;}
.btn-close {--bw: 2rem;}
}
/*====================*/
/* Animation          */
/*====================*/
@media (prefers-reduced-motion: no-preference) {
._word {--time: 0.6s;--delay: calc(0.12s * (var(--line-index) + var(--animate-index)));display: inline-block;margin: 0 !important;will-change: clip-path,transform;transform: translateY(20%);clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);animation-name: toUp;animation-delay: var(--delay);animation-duration: var(--time);animation-timing-function: var(--cubic-1);animation-fill-mode: backwards;animation-play-state: paused;}
._words.animated ._word {animation-fill-mode: forwards;animation-play-state: running;}
@keyframes toUp {
from {transform: translateY(30%);clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
to {transform: translateY(0%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.sub-title.text-center {width: -moz-fit-content;width: fit-content;margin-inline: auto;}
._fadeIn {--time: 0.6s;--delay: calc(.12s * var(--animate-index, 0));will-change: transform,opacity;opacity: 0;transform: scale3d(0.9, 0.9, 1);animation-name: fadeIn;animation-delay: var(--delay);animation-duration: var(--time);animation-timing-function: var(--cubic-1);animation-fill-mode: backwards;animation-play-state: paused;}
._fadeIn.animated {animation-fill-mode: forwards;animation-play-state: running;}
@keyframes fadeIn {
from {opacity: 0;transform: scale3d(0.9, 0.9, 1);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}
._toRight {--time: 0.8s;--delay: calc(.1s * var(--animate-index, 0));will-change: clip-path;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);animation-name: toRight;animation-delay: var(--delay);animation-duration: var(--time);animation-timing-function: linear;animation-fill-mode: backwards;animation-play-state: paused;}
._toRight.animated {animation-fill-mode: forwards;animation-play-state: running;}
@keyframes toRight {
0% {clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
50% {clip-path: polygon(0 0, 50% 0, 40% 100%, 0 100%);}
80% {clip-path: polygon(0 0, 80% 0, 70% 100%, 0 100%);}
100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
._imgInChild {--time: 1.5s;--delay: calc(.12s * var(--animate-index, 0));will-change: clip-path;clip-path: inset(0% 0% 100% 0%);transform: scale(1.2);animation-name: imgIn;animation-delay: var(--delay);animation-duration: var(--time);animation-timing-function: linear;animation-fill-mode: backwards;animation-play-state: paused;}
._imgIn.animated ._imgInChild {animation-fill-mode: forwards;animation-play-state: running;}
@keyframes imgIn {
0% {transform: scale(1.16);clip-path: inset(0% 0% 100% 0%);}
70% {clip-path: inset(0% 0% 0% 0%);}
100% {transform: scale(1);clip-path: inset(0% 0% 0% 0%);}
}
}