html,
body,
#main {
margin: 0;
padding: 0;
box-sizing: border-box
}
:root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
* {
box-sizing: border-box;
-webkit-font-smoothing: inherit
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
margin: 0
}
body,
input,
textarea,
select,
button {
font-size: 12px;
font-family: sans-serif
}
body {
--token-18b211c6-efeb-4952-97b9-b397bb1cc389: rgb(26, 24, 26);
--token-d2235d83-6ba5-409b-87ca-bbf292d810e0: rgb(54, 54, 54);
--token-c94a69f7-6bf7-4b50-b1be-e9070ac2ed5e: rgb(122, 122, 122);
--token-cd9dad99-4929-4645-b750-4289af83db3b: rgb(167, 171, 180);
--token-e520d5e4-6585-43ba-80c7-6d7693adad63: rgb(190, 191, 196);
--token-026246c3-c2f6-44db-b2c9-de33fd4a2932: rgb(235, 235, 235)
}
#__framer-badge-container {
position: fixed;
bottom: 0;
padding: 20px;
width: 100%;
display: flex;
justify-content: right;
pointer-events: none;
z-index: 314159
}
.__framer-badge {
pointer-events: auto
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 500;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwl1FgtIU.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 500;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwlRFgtIU.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 500;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwl9FgtIU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 500;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
.is-loading body {
overflow: hidden;
}
.is-loading #main {
visibility: hidden;
}
.page-loader {
position: fixed;
inset: 0;
z-index: 99999;
display: grid;
place-items: center;
padding: 24px;
background: linear-gradient(160deg, #1f1d1f 0%, #171517 100%);
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.45s ease, visibility 0.45s ease;
}
.is-ready .page-loader {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* From Uiverse.io by andrew-manzyk */
.loader {
--main-size: clamp(6em, 18vw, 12em);
--text-color: #ffffff;
--shine-color: #ffffff40;
--shadow-color: #aaaaaa;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
user-select: none;
position: relative;
font-size: var(--main-size);
font-weight: 900;
text-transform: uppercase;
color: var(--text-color);
width: min(7.3em, 92vw);
height: 1em;
filter: drop-shadow(0 0 0.05em var(--shine-color));
}
.loader .text {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
overflow: hidden;
position: absolute;
}
.loader .text:nth-child(1) {
clip-path: polygon(0% 0%, 11.11% 0%, 11.11% 100%, 0% 100%);
font-size: calc(var(--main-size) / 20);
margin-left: -2.1em;
opacity: 0.6;
}
.loader .text:nth-child(2) {
clip-path: polygon(11.11% 0%, 22.22% 0%, 22.22% 100%, 11.11% 100%);
font-size: calc(var(--main-size) / 16);
margin-left: -0.98em;
opacity: 0.7;
}
.loader .text:nth-child(3) {
clip-path: polygon(22.22% 0%, 33.33% 0%, 33.33% 100%, 22.22% 100%);
font-size: calc(var(--main-size) / 13);
margin-left: -0.33em;
opacity: 0.8;
}
.loader .text:nth-child(4) {
clip-path: polygon(33.33% 0%, 44.44% 0%, 44.44% 100%, 33.33% 100%);
font-size: calc(var(--main-size) / 11);
margin-left: -0.05em;
opacity: 0.9;
}
.loader .text:nth-child(5) {
clip-path: polygon(44.44% 0%, 55.55% 0%, 55.55% 100%, 44.44% 100%);
font-size: calc(var(--main-size) / 10);
margin-left: 0;
opacity: 1;
}
.loader .text:nth-child(6) {
clip-path: polygon(55.55% 0%, 66.66% 0%, 66.66% 100%, 55.55% 100%);
font-size: calc(var(--main-size) / 11);
margin-left: 0.05em;
opacity: 0.9;
}
.loader .text:nth-child(7) {
clip-path: polygon(66.66% 0%, 77.77% 0%, 77.77% 100%, 66.66% 100%);
font-size: calc(var(--main-size) / 13);
margin-left: 0.33em;
opacity: 0.8;
}
.loader .text:nth-child(8) {
clip-path: polygon(77.77% 0%, 88.88% 0%, 88.88% 100%, 77.77% 100%);
font-size: calc(var(--main-size) / 16);
margin-left: 0.98em;
opacity: 0.7;
}
.loader .text:nth-child(9) {
clip-path: polygon(88.88% 0%, 100% 0%, 100% 100%, 88.88% 100%);
font-size: calc(var(--main-size) / 20);
margin-left: 2.1em;
opacity: 0.6;
}
.loader .text span {
animation:
scrolling 2s cubic-bezier(0.1, 0.6, 0.9, 0.4) infinite,
shadow 2s cubic-bezier(0.1, 0.6, 0.9, 0.4) infinite;
}
.loader .text:nth-child(1) span {
background: linear-gradient(
to right,
var(--text-color) 4%,
var(--shadow-color) 7%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(2) span {
background: linear-gradient(
to right,
var(--text-color) 9%,
var(--shadow-color) 13%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(3) span {
background: linear-gradient(
to right,
var(--text-color) 15%,
var(--shadow-color) 18%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(4) span {
background: linear-gradient(
to right,
var(--text-color) 20%,
var(--shadow-color) 23%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(6) span {
background: linear-gradient(
to right,
var(--shadow-color) 29%,
var(--text-color) 32%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(7) span {
background: linear-gradient(
to right,
var(--shadow-color) 34%,
var(--text-color) 37%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(8) span {
background: linear-gradient(
to right,
var(--shadow-color) 39%,
var(--text-color) 42%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .text:nth-child(9) span {
background: linear-gradient(
to right,
var(--shadow-color) 45%,
var(--text-color) 48%
);
background-size: 200% auto;
background-clip: text;
color: transparent;
}
.loader .line {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
height: 0.05em;
width: calc(var(--main-size) / 2);
margin-top: 0.9em;
border-radius: 0.05em;
}
.loader .line::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: var(--text-color);
opacity: 0.3;
}
.loader .line::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: var(--text-color);
border-radius: 0.05em;
transform: translateX(-90%);
animation: wobble 2s cubic-bezier(0.5, 0.8, 0.5, 0.2) infinite;
}
@media (max-width: 540px) {
.page-loader {
padding: 16px;
}
.loader {
--main-size: clamp(5em, 24vw, 8em);
}
}
@media (prefers-reduced-motion: reduce) {
.loader .text span,
.loader .line::after {
animation-duration: 5s;
}
}
@keyframes wobble {
0% {
transform: translateX(-90%);
}
50% {
transform: translateX(90%);
}
100% {
transform: translateX(-90%);
}
}
@keyframes scrolling {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes shadow {
0% {
background-position: -98% 0;
}
100% {
background-position: 102% 0;
}
}
@font-face {
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 500;
font-display: block;
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.cyrillic-ext-XOTVL7ZR.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.cyrillic-6LOMBC2V.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.greek-ext-WXWSJXLB.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.greek-YRST7ODZ.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.latin-ext-BASA5UL3.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.latin-UCM45LQF.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Bold.vietnamese-OEVJMXEP.woff2);
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.cyrillic-ext-CFTLRB35.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.cyrillic-KKLZBALH.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.greek-ext-ULEBLIFV.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.greek-IRHSNFQB.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.latin-ext-VZDUGU3Q.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.latin-JLQMKCHE.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Regular.vietnamese-QK7VSWXK.woff2);
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.cyrillic-ext-BHDA65O4.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.cyrillic-Q5IXHU2O.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.greek-ext-VVOQA2NE.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.greek-E3WNEUH6.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.latin-ext-5RC4NRHN.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.latin-GJ7CRGHG.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Thin.vietnamese-Z3Y7DPWO.woff2);
font-display: block;
font-style: normal;
font-weight: 100;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.cyrillic-ext-7NWKXNAT.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.cyrillic-IBWUD6RJ.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.greek-ext-HUMDTRBU.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.greek-ZLLHEEN3.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.latin-ext-72JE5FGU.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.latin-2JHDAFAQ.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLight.vietnamese-VKRCA4VC.woff2);
font-display: block;
font-style: normal;
font-weight: 200;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.cyrillic-ext-G3OTPKE4.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.cyrillic-JO7ZJTP6.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.greek-ext-N63XCCK3.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.greek-5GVUXSXZ.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.latin-ext-RREJIMQ3.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.latin-EKF76FXR.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Light.vietnamese-GVC2UOFS.woff2);
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.cyrillic-ext-M4WHNGTS.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.cyrillic-JVU2PANX.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.greek-ext-4KCQBEIZ.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.greek-DPOQGN7L.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.latin-ext-J4DBSW7F.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.latin-Y3IVPL46.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Medium.vietnamese-PJV76O4P.woff2);
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.cyrillic-ext-C7KWUKA7.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.cyrillic-JWV7SOZ6.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.greek-ext-FBKSFTSU.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.greek-EQ3PSENU.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.latin-ext-ULRSO3ZR.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.latin-RDYY2AG2.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBold.vietnamese-ESQNSEQ3.woff2);
font-display: swap;
font-style: normal;
font-weight: 600;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.cyrillic-ext-7Q6SVIPE.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.cyrillic-JSLPE6KW.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.greek-ext-6OYGJJV7.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.greek-SHW2FPC4.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.latin-ext-A5DUFOP6.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.latin-OW4UGSRU.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBold.vietnamese-IBBC7NGV.woff2);
font-display: swap;
font-style: normal;
font-weight: 800;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.cyrillic-ext-TU4ITVTR.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.cyrillic-JX7CGTYD.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.greek-ext-LS3GCBFI.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.greek-ZWCJHBP5.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.latin-ext-BZLEUMX6.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.latin-TETRYDF7.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Black.vietnamese-RXQCC3EJ.woff2);
font-display: block;
font-style: normal;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.cyrillic-ext-2RGKWUBV.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.cyrillic-TDYIP5HV.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.greek-ext-WR4TIDYZ.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.greek-V3WZMSP7.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.latin-ext-TXFTJONQ.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.latin-RVEBKP6O.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ThinItalic.vietnamese-WCBPP4MD.woff2);
font-display: block;
font-style: italic;
font-weight: 100;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.cyrillic-ext-OVCHMVPD.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.cyrillic-BRDZE5UH.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.greek-ext-YV64YFFH.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.greek-EJVCLASM.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.latin-ext-2MHTM56A.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.latin-JB3CJMMM.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraLightItalic.vietnamese-3EJ3IQYS.woff2);
font-display: block;
font-style: italic;
font-weight: 200;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.cyrillic-ext-C2S5XS3D.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.cyrillic-E7CYPW5D.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.greek-ext-ROSAFPGE.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.greek-PAWWH37Z.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.latin-ext-N2Z67Z45.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.latin-SLSTLWEU.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-LightItalic.vietnamese-RLGM2D3Y.woff2);
font-display: swap;
font-style: italic;
font-weight: 300;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.cyrillic-ext-YDGMJOJO.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.cyrillic-BFOVMAQB.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.greek-ext-4KOU3AHC.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.greek-OJTBJNE6.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.latin-ext-H4B22QN6.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.latin-2DWX32EN.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-Italic.vietnamese-TYMT6CKW.woff2);
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.cyrillic-ext-QYBZQ2NF.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.cyrillic-ZHAJHZCC.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.greek-ext-W5ABYGZR.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.greek-RGNSYVNV.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.latin-ext-7DZEPSAS.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.latin-SKPQAMBJ.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-MediumItalic.vietnamese-23WIFZV7.woff2);
font-display: swap;
font-style: italic;
font-weight: 500;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.cyrillic-ext-MEHHCDC3.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.cyrillic-YACNRNDE.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.greek-ext-GFL7KADI.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.greek-5W77OPRT.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.latin-ext-OYJJ2W6R.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.latin-KBLJMBDH.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-SemiBoldItalic.vietnamese-5ZFOV65G.woff2);
font-display: swap;
font-style: italic;
font-weight: 600;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.cyrillic-ext-PEYDHC3S.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.cyrillic-7EIL6JWG.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.greek-ext-3DJOYQMH.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.greek-TJBTLTT7.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.latin-ext-FVPCPRBJ.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.latin-5ZFQS4XK.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BoldItalic.vietnamese-W2625PGF.woff2);
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.cyrillic-ext-ACWDZ3VD.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.cyrillic-ZKBSDAI2.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.greek-ext-3CY5DPTP.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.greek-YL5CC63W.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.latin-ext-7IZFJI4D.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.latin-O5HH4IX3.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-ExtraBoldItalic.vietnamese-UW3XUJOD.woff2);
font-display: swap;
font-style: italic;
font-weight: 800;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.cyrillic-ext-TRM4ITYR.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.cyrillic-FPHIQVZS.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.greek-ext-JTGUUSP5.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.greek-LUNA3RFO.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.latin-ext-KU7ICFYH.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.latin-FRVXWQSB.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Inter;
src: url(https://app.framerstatic.com/Inter-BlackItalic.vietnamese-2Q7MQKJX.woff2);
font-display: block;
font-style: italic;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Satoshi;
src: url(https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2);
font-display: swap;
font-style: normal;
font-weight: 700
}
@font-face {
font-family: Poppins Placeholder;
src: local("Arial");
ascent-override: 92.83%;
descent-override: 30.94%;
line-gap-override: 8.84%;
size-adjust: 113.11%
}
@font-face {
font-family: Inter Placeholder;
src: local("Arial");
ascent-override: 90%;
descent-override: 22.43%;
line-gap-override: 0%;
size-adjust: 107.64%
}
@font-face {
font-family: Satoshi Placeholder;
src: local("Arial");
ascent-override: 102.23%;
descent-override: 24.29%;
line-gap-override: 10.12%;
size-adjust: 98.8%
}
[data-framer-component-type] {
position: absolute
}
[data-framer-component-type=Text] {
cursor: inherit
}
[data-framer-component-text-autosized] * {
white-space: pre
}
[data-framer-component-type=Text]>* {
text-align: var(--framer-text-alignment, start)
}
[data-framer-component-type=Text] span span,
[data-framer-component-type=Text] p span,
[data-framer-component-type=Text] h1 span,
[data-framer-component-type=Text] h2 span,
[data-framer-component-type=Text] h3 span,
[data-framer-component-type=Text] h4 span,
[data-framer-component-type=Text] h5 span,
[data-framer-component-type=Text] h6 span {
display: block
}
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span {
display: unset
}
[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
text-decoration: var(--text-decoration);
line-height: var(--line-height)
}
[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--text-decoration: var(--framer-text-decoration);
--line-height: var(--framer-line-height)
}
[data-framer-component-type=Text] a,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] a span span span,
[data-framer-component-type=Text] a p span span,
[data-framer-component-type=Text] a h1 span span,
[data-framer-component-type=Text] a h2 span span,
[data-framer-component-type=Text] a h3 span span,
[data-framer-component-type=Text] a h4 span span,
[data-framer-component-type=Text] a h5 span span,
[data-framer-component-type=Text] a h6 span span {
--font-family: var(--framer-link-font-family, var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform, var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration))
}
[data-framer-component-type=Text] a:hover,
[data-framer-component-type=Text] a div span:hover,
[data-framer-component-type=Text] a span span span:hover,
[data-framer-component-type=Text] a p span span:hover,
[data-framer-component-type=Text] a h1 span span:hover,
[data-framer-component-type=Text] a h2 span span:hover,
[data-framer-component-type=Text] a h3 span span:hover,
[data-framer-component-type=Text] a h4 span span:hover,
[data-framer-component-type=Text] a h5 span span:hover,
[data-framer-component-type=Text] a h6 span span:hover {
--font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)))
}
[data-framer-component-type=Text].isCurrent a,
[data-framer-component-type=Text].isCurrent a div span,
[data-framer-component-type=Text].isCurrent a span span span,
[data-framer-component-type=Text].isCurrent a p span span,
[data-framer-component-type=Text].isCurrent a h1 span span,
[data-framer-component-type=Text].isCurrent a h2 span span,
[data-framer-component-type=Text].isCurrent a h3 span span,
[data-framer-component-type=Text].isCurrent a h4 span span,
[data-framer-component-type=Text].isCurrent a h5 span span,
[data-framer-component-type=Text].isCurrent a h6 span span {
--font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)))
}
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text {
margin: 0;
padding: 0
}
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
font-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-letter-spacing, 0);
text-transform: var(--framer-text-transform, none);
text-decoration: var(--framer-text-decoration, none);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start)
}
.framer-fit-text .framer-text {
white-space: nowrap;
white-space-collapse: preserve
}
strong.framer-text {
font-family: var(--framer-font-family-bold);
font-style: var(--framer-font-style-bold);
font-weight: var(--framer-font-weight-bold, bolder)
}
em.framer-text {
font-family: var(--framer-font-family-italic);
font-style: var(--framer-font-style-italic, italic);
font-weight: var(--framer-font-weight-italic)
}
em.framer-text>strong.framer-text {
font-family: var(--framer-font-family-bold-italic);
font-style: var(--framer-font-style-bold-italic, italic);
font-weight: var(--framer-font-weight-bold-italic, bolder)
}
p.framer-text:not(:first-child),
div.framer-text:not(:first-child),
h1.framer-text:not(:first-child),
h2.framer-text:not(:first-child),
h3.framer-text:not(:first-child),
h4.framer-text:not(:first-child),
h5.framer-text:not(:first-child),
h6.framer-text:not(:first-child),
ol.framer-text:not(:first-child),
ul.framer-text:not(:first-child),
.framer-image.framer-text:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0)
}
li.framer-text>ul.framer-text:nth-child(2),
li.framer-text>ol.framer-text:nth-child(2) {
margin-top: 0
}
.framer-text[data-text-fill] {
display: inline-block;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: max(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2));
margin: min(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / -2))
}
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-code-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-letter-spacing, 0);
line-height: var(--framer-line-height, 1.2em)
}
a.framer-text,
a.framer-text span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-link-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-text-transform, var(--framer-text-transform, none));
text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration, none));
cursor: var(--framer-custom-cursors, pointer)
}
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1))
}
a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
code.framer-text a.framer-text:hover,
code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1))
}
a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1))
}
a.framer-text[data-framer-page-link-current]:hover,
a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))))
}
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1))
}
.framer-image.framer-text {
display: block;
max-width: 100%;
height: auto
}
.text-styles-preset-reset.framer-text {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start
}
ol.framer-text {
--list-style-type: decimal
}
ul.framer-text,
ol.framer-text {
display: table;
width: 100%
}
li.framer-text {
display: table-row;
counter-increment: list-item;
list-style: none
}
ol.framer-text>li.framer-text:before {
display: table-cell;
width: 2.25ch;
box-sizing: border-box;
padding-inline-end: .75ch;
content: counter(list-item, var(--list-style-type)) ".";
white-space: nowrap
}
ul.framer-text>li.framer-text:before {
display: table-cell;
width: 2.25ch;
box-sizing: border-box;
padding-inline-end: .75ch;
content: "\2022"
}
.framer-text-module[style*=aspect-ratio]>:first-child {
width: 100%
}
@supports not (aspect-ratio: 1) {
.framer-text-module[style*=aspect-ratio] {
position: relative
}
}
@supports not (aspect-ratio: 1) {
.framer-text-module[style*=aspect-ratio]:before {
content: "";
display: block;
padding-bottom: calc(100% / calc(var(--aspect-ratio)))
}
}
@supports not (aspect-ratio: 1) {
.framer-text-module[style*=aspect-ratio]>:first-child {
position: absolute;
top: 0;
left: 0;
height: 100%
}
}
[data-framer-component-type=DeprecatedRichText] {
cursor: inherit
}
[data-framer-component-type=DeprecatedRichText] .text-styles-preset-reset {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start
}
[data-framer-component-type=DeprecatedRichText] p,
[data-framer-component-type=DeprecatedRichText] div,
[data-framer-component-type=DeprecatedRichText] h1,
[data-framer-component-type=DeprecatedRichText] h2,
[data-framer-component-type=DeprecatedRichText] h3,
[data-framer-component-type=DeprecatedRichText] h4,
[data-framer-component-type=DeprecatedRichText] h5,
[data-framer-component-type=DeprecatedRichText] h6 {
margin: 0;
padding: 0
}
[data-framer-component-type=DeprecatedRichText] p,
[data-framer-component-type=DeprecatedRichText] div,
[data-framer-component-type=DeprecatedRichText] h1,
[data-framer-component-type=DeprecatedRichText] h2,
[data-framer-component-type=DeprecatedRichText] h3,
[data-framer-component-type=DeprecatedRichText] h4,
[data-framer-component-type=DeprecatedRichText] h5,
[data-framer-component-type=DeprecatedRichText] h6,
[data-framer-component-type=DeprecatedRichText] li,
[data-framer-component-type=DeprecatedRichText] ol,
[data-framer-component-type=DeprecatedRichText] ul,
[data-framer-component-type=DeprecatedRichText] span:not([data-text-fill]) {
font-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: var(--framer-font-size, 16px);
letter-spacing: var(--framer-letter-spacing, 0);
text-transform: var(--framer-text-transform, none);
text-decoration: var(--framer-text-decoration, none);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start)
}
[data-framer-component-type=DeprecatedRichText] p:not(:first-child),
[data-framer-component-type=DeprecatedRichText] div:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h1:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h2:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h3:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h4:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h5:not(:first-child),
[data-framer-component-type=DeprecatedRichText] h6:not(:first-child),
[data-framer-component-type=DeprecatedRichText] ol:not(:first-child),
[data-framer-component-type=DeprecatedRichText] ul:not(:first-child),
[data-framer-component-type=DeprecatedRichText] .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0)
}
[data-framer-component-type=DeprecatedRichText] span[data-text-fill] {
display: inline-block;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
[data-framer-component-type=DeprecatedRichText] a,
[data-framer-component-type=DeprecatedRichText] a span:not([data-text-fill]) {
font-family: var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-link-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: var(--framer-link-font-size, var(--framer-font-size, 16px));
text-transform: var(--framer-link-text-transform, var(--framer-text-transform, none));
text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration, none))
}
[data-framer-component-type=DeprecatedRichText] a:hover,
[data-framer-component-type=DeprecatedRichText] a:hover span:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
a[data-framer-page-link-current],
a[data-framer-page-link-current] span:not([data-text-fill]) {
font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
a[data-framer-page-link-current]:hover,
a[data-framer-page-link-current]:hover span:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
font-size: var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))));
text-transform: var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))))
}
[data-framer-component-type=DeprecatedRichText] strong {
font-weight: bolder
}
[data-framer-component-type=DeprecatedRichText] em {
font-style: italic
}
[data-framer-component-type=DeprecatedRichText] .framer-image {
display: block;
max-width: 100%;
height: auto
}
[data-framer-component-type=DeprecatedRichText] ul,
[data-framer-component-type=DeprecatedRichText] ol {
display: table;
width: 100%;
padding-left: 0;
margin: 0
}
[data-framer-component-type=DeprecatedRichText] li {
display: table-row;
counter-increment: list-item;
list-style: none
}
[data-framer-component-type=DeprecatedRichText] ol>li:before {
display: table-cell;
width: 2.25ch;
box-sizing: border-box;
padding-right: .75ch;
content: counter(list-item) ".";
white-space: nowrap
}
[data-framer-component-type=DeprecatedRichText] ul>li:before {
display: table-cell;
width: 2.25ch;
box-sizing: border-box;
padding-right: .75ch;
content: "\2022"
}
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-component-type],
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>[data-framer-component-type] {
position: relative
}
.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled=true]>*,
[data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false] {
margin-top: calc(var(--stack-gap-y) / 2);
margin-bottom: calc(var(--stack-gap-y) / 2);
margin-right: calc(var(--stack-gap-x) / 2);
margin-left: calc(var(--stack-gap-x) / 2)
}
[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true] {
row-gap: var(--stack-native-row-gap);
column-gap: var(--stack-native-column-gap)
}
.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true] {
row-gap: unset;
column-gap: unset
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>*:first-child,
[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:first-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>*:last-child,
[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:last-child {
margin-top: 0;
margin-left: 0
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>*:last-child,
[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:last-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>*:first-child,
[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:first-child {
margin-right: 0;
margin-bottom: 0
}
NavigationContainer [data-framer-component-type=NavigationContainer]>*,
[data-framer-component-type=NavigationContainer]>[data-framer-component-type] {
position: relative
}
[data-framer-component-type=Scroll]::-webkit-scrollbar {
display: none
}
[data-framer-component-type=ScrollContentWrapper]>* {
position: relative
}
[data-framer-component-type=NativeScroll] {
-webkit-overflow-scrolling: touch
}
[data-framer-component-type=NativeScroll]>* {
position: relative
}
[data-framer-component-type=NativeScroll].direction-both {
overflow-x: scroll;
overflow-y: scroll
}
[data-framer-component-type=NativeScroll].direction-vertical {
overflow-x: hidden;
overflow-y: scroll
}
[data-framer-component-type=NativeScroll].direction-horizontal {
overflow-x: scroll;
overflow-y: hidden
}
[data-framer-component-type=NativeScroll].direction-vertical>* {
width: 100% !important
}
[data-framer-component-type=NativeScroll].direction-horizontal>* {
height: 100% !important
}
[data-framer-component-type=NativeScroll].scrollbar-hidden::-webkit-scrollbar {
display: none
}
[data-framer-component-type=PageContentWrapper]>*,
[data-framer-component-type=PageContentWrapper]>[data-framer-component-type] {
position: relative
}
[data-framer-component-type=DeviceComponent].no-device>* {
width: 100% !important;
height: 100% !important
}
[data-is-present=false],
[data-is-present=false] * {
pointer-events: none !important
}
[data-framer-cursor=pointer] {
cursor: pointer
}
[data-framer-cursor=grab] {
cursor: grab
}
[data-framer-cursor=grab]:active {
cursor: grabbing
}
[data-framer-component-type=Frame] *,
[data-framer-component-type=Stack] * {
pointer-events: auto
}
[data-framer-generated] * {
pointer-events: unset
}
.svgContainer svg {
display: block
}
[data-reset=button] {
border-width: 0;
padding: 0;
background: none
}
[data-hide-scrollbars=true]::-webkit-scrollbar {
width: 0px;
height: 0px
}
[data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
background: transparent
}
.framer-cursor-none,
.framer-cursor-none * {
cursor: none !important
}
.framer-pointer-events-none,
.framer-pointer-events-none * {
pointer-events: none !important
}
.framer-body-bRBUbNTFm-framer-mjLI5 {
background: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, rgb(32, 30, 32))
}
.framer-mjLI5.framer-o09xvf,
.framer-mjLI5 .framer-o09xvf {
display: block
}
.framer-mjLI5.framer-14i7qj5 {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #201e20);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 1440px
}
.framer-mjLI5 .framer-k76r4k-container {
bottom: 66px;
flex: none;
height: 36px;
position: fixed;
right: 20px;
transform: perspective(1200px);
width: 142px;
z-index: 10
}
.framer-mjLI5 .framer-19l4e1t {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
left: 50%;
mix-blend-mode: difference;
overflow: visible;
padding: 0 45px;
position: fixed;
top: 24px;
transform: translate(-50%);
width: 100%;
z-index: 10
}
.framer-mjLI5 .framer-ugp9vy {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-start;
mix-blend-mode: difference;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 10
}
.framer-mjLI5 .framer-1tiiux4-container {
flex: 1 0 0px;
height: auto;
position: relative;
transform: perspective(1200px);
width: 1px;
z-index: 10
}
.framer-mjLI5 .framer-tb6x95-container {
flex: 1 0 0px;
height: auto;
position: relative;
width: 1px;
z-index: 10
}
.framer-mjLI5 .framer-vqvl00 {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #201e20);
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 100vh;
justify-content: center;
overflow: hidden;
padding: 0 45px;
position: sticky;
top: 0;
transform: perspective(1200px);
width: 100%;
will-change: transform;
z-index: 1
}
.framer-mjLI5 .framer-xl9khr {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 1px;
justify-content: flex-start;
overflow: hidden;
padding: 0 0 40px;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-9awjhc {
flex: none;
height: 72px;
overflow: hidden;
position: relative;
width: 269px
}
.framer-mjLI5 .framer-1vc27xg {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
height: 1px;
justify-content: space-between;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-s7uxwx {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 1px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-n3d7pv {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: visible;
padding: 0;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-1xynt37 {
flex: 1 0 0px;
height: auto;
overflow: visible;
position: relative;
transform: perspective(1200px);
white-space: pre-wrap;
width: 1px;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-mjLI5 .framer-187oh7s-container,
.framer-mjLI5 .framer-14k4knb-container,
.framer-mjLI5 .framer-1sds239-container {
flex: none;
height: auto;
position: relative;
width: auto
}
.framer-mjLI5 .framer-1af0ah6 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 39%;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-18lgkmj {
background-color: #414141;
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-19066iw {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 240px;
height: 1px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-u80kzl {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-between;
overflow: hidden;
padding: 24px 0 50px;
position: relative;
width: 50%
}
.framer-mjLI5 .framer-bj4seu,
.framer-mjLI5 .framer-4rb5z6,
.framer-mjLI5 .framer-g77u09,
.framer-mjLI5 .framer-z8fmvu,
.framer-mjLI5 .framer-1iksna9,
.framer-mjLI5 .framer-iws9r4,
.framer-mjLI5 .framer-aqf5xc {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-mjLI5 .framer-1yj4iy2 {
--framer-link-text-color: #0099ff;
--framer-link-text-decoration: underline;
flex: none;
height: auto;
position: relative;
transform: perspective(1200px);
white-space: pre-wrap;
width: 100%;
word-break: break-word;
word-wrap: break-word
}
.framer-mjLI5 .framer-1vnwexm,
.framer-mjLI5 .framer-emjy7o {
background-color: var(--token-d2235d83-6ba5-409b-87ca-bbf292d810e0, #363636);
flex: none;
height: 100%;
overflow: visible;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-vz479m,
.framer-mjLI5 .framer-150ucjr {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-dw2az7-container,
.framer-mjLI5 .framer-1cdjy2m-container,
.framer-mjLI5 .framer-1os3jfl-container,
.framer-mjLI5 .framer-1embc4u-container,
.framer-mjLI5 .framer-1crcr5z-container,
.framer-mjLI5 .framer-1bewt6k-container {
flex: none;
height: auto;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1rdxcj9 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-end;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-980hia,
.framer-mjLI5 .framer-jki2ma {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 38px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 264px
}
.framer-mjLI5 .framer-1n27r6o,
.framer-mjLI5 .framer-qzkkoo,
.framer-mjLI5 .framer-rca2ek {
flex: none;
height: 38px;
position: relative;
width: 264px
}
.framer-mjLI5 .framer-1pb146s {
background-color: #414141;
flex: 1 0 0px;
height: 1px;
overflow: visible;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-hizdcq {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 38px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 264px
}
.framer-mjLI5 .framer-1gznpqc {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-tbtk41 {
background: linear-gradient(180deg, #4a494a -75%, var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, rgb(26, 24, 26)) 100%);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
flex: none;
height: 373px;
overflow: hidden;
position: relative;
width: 100%;
will-change: var(--framer-will-change-override, transform);
z-index: 9
}
.framer-mjLI5 .framer-a0kq9f {
bottom: -1px;
flex: none;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.framer-mjLI5 .framer-1d2a6u7 {
background: linear-gradient(180deg, rgba(26, 22, 26, 0) 0%, rgba(26, 24, 26, .9) 100%);
bottom: -1px;
flex: none;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.framer-mjLI5 .framer-t8ifzl {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #201e20);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: auto;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-vp0hre {
align-content: center;
align-items: center;
bottom: 0;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 64vh;
justify-content: space-between;
overflow: visible;
padding: 0 45px;
position: sticky;
top: 32px;
width: 100%;
will-change: transform;
z-index: 2
}
.framer-mjLI5 .framer-4zu5le {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 72px 0 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-xv4l6i {
flex: none;
height: auto;
opacity: .5;
position: relative;
transform: perspective(1200px);
white-space: pre;
width: auto;
z-index: 10
}
.framer-mjLI5 .framer-log5a8 {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 56px;
height: min-content;
justify-content: flex-end;
overflow: visible;
padding: 0 120px 0 0;
position: relative;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-1vegx8i-container,
.framer-mjLI5 .framer-xeoa5y-container,
.framer-mjLI5 .framer-1yv5l30-container,
.framer-mjLI5 .framer-18wip27-container {
flex: none;
height: 696px;
position: relative;
transform: perspective(1200px);
width: 696px;
z-index: 10
}
.framer-mjLI5 .framer-1lqpsyc,
.framer-mjLI5 .framer-p8hcnq,
.framer-mjLI5 .framer-1av0keo {
flex: none;
height: 400px;
overflow: hidden;
position: relative;
width: 240px
}
.framer-mjLI5 .framer-jwtwun {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 122px
}
.framer-mjLI5 .framer-xfvbgl {
align-content: center;
align-items: center;
background-color: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100vh;
justify-content: space-between;
overflow: visible;
padding: 104px 45px 40px;
position: sticky;
top: 0;
width: 100%;
will-change: transform;
z-index: 1
}
.framer-mjLI5 .framer-4nwafc {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 56px;
height: 1px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-ccc42f {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 24px;
height: 1px;
justify-content: flex-start;
overflow: visible;
padding: 20px 0 0;
position: relative;
scroll-margin-top: 60px;
width: 100%
}
.framer-mjLI5 .framer-196v6pi {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-between;
overflow: hidden;
padding: 20px 0 0;
position: relative;
width: 64%
}
.framer-mjLI5 .framer-d3lv13 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 24px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 96%
}
.framer-mjLI5 .framer-hgvk0n,
.framer-mjLI5 .framer-130ykw5,
.framer-mjLI5 .framer-1f0t24j,
.framer-mjLI5 .framer-i3jvpj {
flex: none;
height: auto;
position: relative;
transform: perspective(1200px);
white-space: pre-wrap;
width: 100%;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-mjLI5 .framer-v52y7l {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: hidden;
padding: 0 24px 0 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-12hydmp {
--framer-paragraph-spacing: 0px;
flex: none;
height: auto;
position: relative;
transform: perspective(1200px);
white-space: pre;
width: auto
}
.framer-mjLI5 .framer-6sacju {
flex: .64 0 0px;
height: auto;
position: relative;
transform: perspective(1200px);
white-space: pre-wrap;
width: 1px;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-mjLI5 .framer-1a99ngz-container {
flex: 1 0 0px;
height: 100%;
opacity: .9;
position: relative;
transform: perspective(1200px);
width: 1px
}
.framer-mjLI5 .framer-1c3nbnf {
background-color: var(--token-e520d5e4-6585-43ba-80c7-6d7693adad63, #bebfc4);
flex: 1 0 0px;
height: 1px;
overflow: visible;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-eb22t5 {
background-color: var(--token-e520d5e4-6585-43ba-80c7-6d7693adad63, #bebfc4);
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1pablaf {
flex: none;
height: 800px;
overflow: hidden;
position: relative;
width: 240px
}
.framer-mjLI5 .framer-j9k45r {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #1a181a);
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 64px;
height: auto;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: sticky;
top: 0;
width: 100%;
will-change: transform;
z-index: 8
}
.framer-mjLI5 .framer-11ifs2h {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: 100vh;
justify-content: flex-end;
overflow: hidden;
padding: 124px 45px 40px;
position: sticky;
top: 0;
width: 100%;
will-change: transform;
z-index: 9
}
.framer-mjLI5 .framer-z4rmv1 {
align-content: flex-start;
align-items: flex-start;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #1a181a);
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 64px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: sticky;
transform: perspective(1200px);
width: 100%;
will-change: transform;
z-index: 8
}
.framer-mjLI5 .framer-15mt1ai,
.framer-mjLI5 .framer-1p7ji93 {
flex: none;
height: auto;
position: relative;
transform: perspective(1200px);
white-space: pre-wrap;
width: 80%;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-mjLI5 .framer-27wrq1 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-end;
overflow: visible;
padding: 0;
position: relative;
transform: perspective(1200px);
width: 100%;
z-index: 6
}
.framer-mjLI5 .framer-woal9w,
.framer-mjLI5 .framer-vczr8w,
.framer-mjLI5 .framer-jx0b7k {
background-color: var(--token-d2235d83-6ba5-409b-87ca-bbf292d810e0, #363636);
flex: 1 0 0px;
height: 1px;
overflow: visible;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-cjxsmq {
flex: none;
height: 8px;
overflow: hidden;
position: relative;
width: 44px
}
.framer-mjLI5 .framer-8it3mt {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 1px;
justify-content: center;
overflow: hidden;
padding: 108px 40px 0 45px;
position: relative;
width: 100%;
z-index: 10
}
.framer-mjLI5 .framer-1aef2hr {
background-color: var(--token-d2235d83-6ba5-409b-87ca-bbf292d810e0, #454545);
flex: 1 0 0px;
height: 1px;
overflow: visible;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-oafmmn {
align-content: center;
align-items: center;
background-color: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
border-radius: 60px;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 64px;
height: auto;
justify-content: flex-start;
overflow: visible;
padding: 80px 45px 120px;
position: relative;
scroll-margin-top: 50px;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-1pxjoql {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 32px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-hfnfa7 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 1
}
.framer-mjLI5 .framer-1vrt3pl {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 26px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-s73222 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1yd1d29 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 24px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-1dgaqzl {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 24px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-g3804z,
.framer-mjLI5 .framer-14r1s15 {
align-content: center;
align-items: center;
display: flex;
flex: .4 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: sticky;
top: 120px;
width: 1px;
will-change: transform;
z-index: 1
}
.framer-mjLI5 .framer-1l6y2uy,
.framer-mjLI5 .framer-1ms1zej,
.framer-mjLI5 .framer-1en2yh1,
.framer-mjLI5 .framer-1wtgct0,
.framer-mjLI5 .framer-6bb0ds {
background-color: var(--token-e520d5e4-6585-43ba-80c7-6d7693adad63, #bebfc4);
flex: none;
height: 1px;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1es0bg2,
.framer-mjLI5 .framer-1ygo65l {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: hidden;
padding: 10px 0 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1d841cx,
.framer-mjLI5 .framer-ziu1vm {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 8px;
height: min-content;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-1p6vhwd,
.framer-mjLI5 .framer-ducl12 {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 8px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-mjLI5 .framer-v4g9xk {
background-color: #8989897a;
flex: none;
height: 1px;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-vtrzav {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #1a181a);
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100vh;
justify-content: space-between;
overflow: visible;
padding: 0 45px 40px;
position: sticky;
scroll-margin-top: 500px;
top: 0;
transform: perspective(1200px);
width: 100%;
will-change: transform;
z-index: 8
}
.framer-mjLI5 .framer-1lah5bu {
flex: none;
height: 64px;
overflow: hidden;
position: relative;
width: 108px
}
.framer-mjLI5 .framer-1oqc5aa {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
max-width: 1700px;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-lx6pn9 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 50%
}
.framer-mjLI5 .framer-s1qd1o {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 24px;
height: min-content;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-fg9dsy {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: 12px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
transform: perspective(1200px);
width: 215px
}
.framer-mjLI5 .framer-gkyojc {
background-color: var(--token-d2235d83-6ba5-409b-87ca-bbf292d810e0, #363636);
flex: none;
height: 1px;
overflow: hidden;
position: relative;
transform: perspective(1200px);
width: 32px
}
.framer-mjLI5 .framer-xj7bdj {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 56px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-lgtmbw-container {
flex: none;
height: 44px;
position: relative;
width: auto;
z-index: 1
}
.framer-mjLI5 .framer-os7tnt {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
height: 472px;
justify-content: flex-end;
overflow: visible;
padding: 0;
position: relative;
width: 46%
}
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
height: 228px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 625px
}
.framer-mjLI5 .framer-pw0aoo-container,
.framer-mjLI5 .framer-1kfv0t4-container,
.framer-mjLI5 .framer-6rhfx3-container,
.framer-mjLI5 .framer-1op7lha-container {
flex: none;
height: auto;
position: relative;
transform: perspective(1200px);
width: 100%
}
.framer-mjLI5 .framer-1f4jhrz {
flex: none;
height: 40px;
overflow: hidden;
position: relative;
width: 108px
}
.framer-mjLI5 .framer-cp56fe,
.framer-mjLI5 .framer-68imvf {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 39px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-19ais31,
.framer-mjLI5 .framer-pukhyj,
.framer-mjLI5 .framer-1yf6cfz {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 38px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 208px
}
.framer-mjLI5 .framer-rdu9pn,
.framer-mjLI5 .framer-hzkjnq,
.framer-mjLI5 .framer-blugwl {
flex: none;
height: 38px;
position: relative;
width: 210px
}
.framer-mjLI5 .framer-qkpowo {
border-top-left-radius: 60px;
border-top-right-radius: 60px;
flex: none;
height: 1163px;
overflow: visible;
position: relative;
scroll-margin-top: 430px;
width: 100%;
z-index: 4
}
.framer-mjLI5 .framer-qyd7ke {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-3st256 {
background-color: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
flex: none;
height: 132px;
overflow: visible;
position: relative;
width: 100%;
z-index: 9
}
.framer-mjLI5 .framer-18dk84h {
align-content: center;
align-items: center;
background-color: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100vh;
justify-content: space-between;
overflow: hidden;
padding: 132px 45px 24px;
position: sticky;
top: 0;
width: 100%;
will-change: transform;
z-index: 9
}
.framer-mjLI5 .framer-2co8kv {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 57%
}
.framer-mjLI5 .framer-x4bd6o {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-uyox4w-container,
.framer-mjLI5 .framer-i82tet-container {
flex: none;
height: 183px;
position: relative;
width: 1348px
}
.framer-mjLI5 .framer-muy6rm {
flex: none;
height: 1px;
overflow: hidden;
position: relative;
width: 238px
}
.framer-mjLI5 .framer-17cjtl2 {
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
flex: none;
height: 100vh;
overflow: visible;
position: relative;
width: 100%;
z-index: 5
}
.framer-mjLI5 .framer-ezccs4 {
align-content: center;
align-items: center;
background-color: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, #1a181a);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 40px;
height: 100vh;
justify-content: flex-end;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
will-change: var(--framer-will-change-override, transform);
z-index: 10
}
.framer-mjLI5 .framer-1gco3gu {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-between;
overflow: hidden;
padding: 80px 45px 40px;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1y4lydq {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
height: 1px;
justify-content: space-between;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-pyhewc {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 1px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1vhalh4 {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1p0gsf0 {
flex: 1 0 0px;
height: auto;
position: relative;
white-space: pre-wrap;
width: 1px;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-mjLI5 .framer-rf7zcf {
-webkit-filter: invert(1);
filter: invert(1);
flex: 1 0 0px;
height: 1px;
mix-blend-mode: screen;
opacity: .2;
position: relative;
width: 100%;
z-index: 0
}
.framer-mjLI5 .framer-ne1zuo {
-webkit-filter: invert(1);
filter: invert(1);
flex: none;
height: 24px;
mix-blend-mode: screen;
opacity: .2;
position: relative;
width: 100%;
z-index: 0
}
.framer-mjLI5 .framer-1huuc83 {
-webkit-filter: invert(1);
filter: invert(1);
flex: none;
height: 16px;
mix-blend-mode: screen;
opacity: .2;
position: relative;
width: 100%;
z-index: 0
}
.framer-mjLI5 .framer-hvval1 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1.5 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 1px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-5k24qf {
align-content: flex-start;
align-items: flex-start;
background-color: #1f1f1f;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 100%;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 50%
}
.framer-mjLI5 .framer-zp0z41-container,
.framer-mjLI5 .framer-nmeqnh-container {
flex: 1 0 0px;
height: 1px;
position: relative;
width: 100%
}
.framer-mjLI5 .framer-1u1fqlh {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 100%;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 50%
}
.framer-mjLI5 .framer-72n7yi-container {
flex: none;
height: 100%;
position: relative;
width: 100%
}
@supports (background: -webkit-named-image(i)) and (not (scale:1)) {
.framer-mjLI5.framer-14i7qj5,
.framer-mjLI5 .framer-19l4e1t,
.framer-mjLI5 .framer-ugp9vy,
.framer-mjLI5 .framer-vqvl00,
.framer-mjLI5 .framer-xl9khr,
.framer-mjLI5 .framer-s7uxwx,
.framer-mjLI5 .framer-1af0ah6,
.framer-mjLI5 .framer-19066iw,
.framer-mjLI5 .framer-vz479m,
.framer-mjLI5 .framer-1rdxcj9,
.framer-mjLI5 .framer-980hia,
.framer-mjLI5 .framer-hizdcq,
.framer-mjLI5 .framer-1gznpqc,
.framer-mjLI5 .framer-t8ifzl,
.framer-mjLI5 .framer-4zu5le,
.framer-mjLI5 .framer-log5a8,
.framer-mjLI5 .framer-4nwafc,
.framer-mjLI5 .framer-ccc42f,
.framer-mjLI5 .framer-d3lv13,
.framer-mjLI5 .framer-j9k45r,
.framer-mjLI5 .framer-11ifs2h,
.framer-mjLI5 .framer-z4rmv1,
.framer-mjLI5 .framer-27wrq1,
.framer-mjLI5 .framer-jki2ma,
.framer-mjLI5 .framer-8it3mt,
.framer-mjLI5 .framer-oafmmn,
.framer-mjLI5 .framer-1pxjoql,
.framer-mjLI5 .framer-hfnfa7,
.framer-mjLI5 .framer-1vrt3pl,
.framer-mjLI5 .framer-s73222,
.framer-mjLI5 .framer-1yd1d29,
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-g3804z,
.framer-mjLI5 .framer-1d841cx,
.framer-mjLI5 .framer-1p6vhwd,
.framer-mjLI5 .framer-1dgaqzl,
.framer-mjLI5 .framer-14r1s15,
.framer-mjLI5 .framer-ziu1vm,
.framer-mjLI5 .framer-ducl12,
.framer-mjLI5 .framer-lx6pn9,
.framer-mjLI5 .framer-s1qd1o,
.framer-mjLI5 .framer-fg9dsy,
.framer-mjLI5 .framer-xj7bdj,
.framer-mjLI5 .framer-os7tnt,
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss,
.framer-mjLI5 .framer-cp56fe,
.framer-mjLI5 .framer-19ais31,
.framer-mjLI5 .framer-qyd7ke,
.framer-mjLI5 .framer-2co8kv,
.framer-mjLI5 .framer-x4bd6o,
.framer-mjLI5 .framer-150ucjr,
.framer-mjLI5 .framer-ezccs4,
.framer-mjLI5 .framer-pyhewc,
.framer-mjLI5 .framer-1vhalh4,
.framer-mjLI5 .framer-hvval1,
.framer-mjLI5 .framer-5k24qf,
.framer-mjLI5 .framer-1u1fqlh,
.framer-mjLI5 .framer-68imvf,
.framer-mjLI5 .framer-pukhyj,
.framer-mjLI5 .framer-1yf6cfz {
gap: 0px
}
.framer-mjLI5.framer-14i7qj5>*,
.framer-mjLI5 .framer-19l4e1t>*,
.framer-mjLI5 .framer-vqvl00>*,
.framer-mjLI5 .framer-xl9khr>*,
.framer-mjLI5 .framer-1af0ah6>*,
.framer-mjLI5 .framer-vz479m>*,
.framer-mjLI5 .framer-1gznpqc>*,
.framer-mjLI5 .framer-t8ifzl>*,
.framer-mjLI5 .framer-hfnfa7>*,
.framer-mjLI5 .framer-qyd7ke>*,
.framer-mjLI5 .framer-x4bd6o>*,
.framer-mjLI5 .framer-150ucjr>*,
.framer-mjLI5 .framer-pyhewc>*,
.framer-mjLI5 .framer-5k24qf>*,
.framer-mjLI5 .framer-1u1fqlh>* {
margin: 0
}
.framer-mjLI5.framer-14i7qj5>:first-child,
.framer-mjLI5 .framer-19l4e1t>:first-child,
.framer-mjLI5 .framer-vqvl00>:first-child,
.framer-mjLI5 .framer-xl9khr>:first-child,
.framer-mjLI5 .framer-1af0ah6>:first-child,
.framer-mjLI5 .framer-vz479m>:first-child,
.framer-mjLI5 .framer-1gznpqc>:first-child,
.framer-mjLI5 .framer-t8ifzl>:first-child,
.framer-mjLI5 .framer-4zu5le>:first-child,
.framer-mjLI5 .framer-log5a8>:first-child,
.framer-mjLI5 .framer-4nwafc>:first-child,
.framer-mjLI5 .framer-d3lv13>:first-child,
.framer-mjLI5 .framer-j9k45r>:first-child,
.framer-mjLI5 .framer-11ifs2h>:first-child,
.framer-mjLI5 .framer-z4rmv1>:first-child,
.framer-mjLI5 .framer-oafmmn>:first-child,
.framer-mjLI5 .framer-1pxjoql>:first-child,
.framer-mjLI5 .framer-hfnfa7>:first-child,
.framer-mjLI5 .framer-1vrt3pl>:first-child,
.framer-mjLI5 .framer-1yd1d29>:first-child,
.framer-mjLI5 .framer-g3804z>:first-child,
.framer-mjLI5 .framer-1d841cx>:first-child,
.framer-mjLI5 .framer-1p6vhwd>:first-child,
.framer-mjLI5 .framer-14r1s15>:first-child,
.framer-mjLI5 .framer-ziu1vm>:first-child,
.framer-mjLI5 .framer-ducl12>:first-child,
.framer-mjLI5 .framer-lx6pn9>:first-child,
.framer-mjLI5 .framer-s1qd1o>:first-child,
.framer-mjLI5 .framer-xj7bdj>:first-child,
.framer-mjLI5 .framer-os7tnt>:first-child,
.framer-mjLI5 .framer-4te3n8>:first-child,
.framer-mjLI5 .framer-736nss>:first-child,
.framer-mjLI5 .framer-qyd7ke>:first-child,
.framer-mjLI5 .framer-2co8kv>:first-child,
.framer-mjLI5 .framer-x4bd6o>:first-child,
.framer-mjLI5 .framer-150ucjr>:first-child,
.framer-mjLI5 .framer-ezccs4>:first-child,
.framer-mjLI5 .framer-pyhewc>:first-child,
.framer-mjLI5 .framer-5k24qf>:first-child,
.framer-mjLI5 .framer-1u1fqlh>:first-child {
margin-top: 0
}
.framer-mjLI5.framer-14i7qj5>:last-child,
.framer-mjLI5 .framer-19l4e1t>:last-child,
.framer-mjLI5 .framer-vqvl00>:last-child,
.framer-mjLI5 .framer-xl9khr>:last-child,
.framer-mjLI5 .framer-1af0ah6>:last-child,
.framer-mjLI5 .framer-vz479m>:last-child,
.framer-mjLI5 .framer-1gznpqc>:last-child,
.framer-mjLI5 .framer-t8ifzl>:last-child,
.framer-mjLI5 .framer-4zu5le>:last-child,
.framer-mjLI5 .framer-log5a8>:last-child,
.framer-mjLI5 .framer-4nwafc>:last-child,
.framer-mjLI5 .framer-d3lv13>:last-child,
.framer-mjLI5 .framer-j9k45r>:last-child,
.framer-mjLI5 .framer-11ifs2h>:last-child,
.framer-mjLI5 .framer-z4rmv1>:last-child,
.framer-mjLI5 .framer-oafmmn>:last-child,
.framer-mjLI5 .framer-1pxjoql>:last-child,
.framer-mjLI5 .framer-hfnfa7>:last-child,
.framer-mjLI5 .framer-1vrt3pl>:last-child,
.framer-mjLI5 .framer-1yd1d29>:last-child,
.framer-mjLI5 .framer-g3804z>:last-child,
.framer-mjLI5 .framer-1d841cx>:last-child,
.framer-mjLI5 .framer-1p6vhwd>:last-child,
.framer-mjLI5 .framer-14r1s15>:last-child,
.framer-mjLI5 .framer-ziu1vm>:last-child,
.framer-mjLI5 .framer-ducl12>:last-child,
.framer-mjLI5 .framer-lx6pn9>:last-child,
.framer-mjLI5 .framer-s1qd1o>:last-child,
.framer-mjLI5 .framer-xj7bdj>:last-child,
.framer-mjLI5 .framer-os7tnt>:last-child,
.framer-mjLI5 .framer-4te3n8>:last-child,
.framer-mjLI5 .framer-736nss>:last-child,
.framer-mjLI5 .framer-qyd7ke>:last-child,
.framer-mjLI5 .framer-2co8kv>:last-child,
.framer-mjLI5 .framer-x4bd6o>:last-child,
.framer-mjLI5 .framer-150ucjr>:last-child,
.framer-mjLI5 .framer-ezccs4>:last-child,
.framer-mjLI5 .framer-pyhewc>:last-child,
.framer-mjLI5 .framer-5k24qf>:last-child,
.framer-mjLI5 .framer-1u1fqlh>:last-child {
margin-bottom: 0
}
.framer-mjLI5 .framer-ugp9vy>*,
.framer-mjLI5 .framer-1rdxcj9>*,
.framer-mjLI5 .framer-980hia>*,
.framer-mjLI5 .framer-27wrq1>*,
.framer-mjLI5 .framer-jki2ma>*,
.framer-mjLI5 .framer-cp56fe>*,
.framer-mjLI5 .framer-hvval1>*,
.framer-mjLI5 .framer-68imvf>* {
margin: 0
}
.framer-mjLI5 .framer-ugp9vy>:first-child,
.framer-mjLI5 .framer-s7uxwx>:first-child,
.framer-mjLI5 .framer-19066iw>:first-child,
.framer-mjLI5 .framer-1rdxcj9>:first-child,
.framer-mjLI5 .framer-980hia>:first-child,
.framer-mjLI5 .framer-hizdcq>:first-child,
.framer-mjLI5 .framer-ccc42f>:first-child,
.framer-mjLI5 .framer-27wrq1>:first-child,
.framer-mjLI5 .framer-jki2ma>:first-child,
.framer-mjLI5 .framer-8it3mt>:first-child,
.framer-mjLI5 .framer-s73222>:first-child,
.framer-mjLI5 .framer-n77swo>:first-child,
.framer-mjLI5 .framer-1dgaqzl>:first-child,
.framer-mjLI5 .framer-fg9dsy>:first-child,
.framer-mjLI5 .framer-cp56fe>:first-child,
.framer-mjLI5 .framer-19ais31>:first-child,
.framer-mjLI5 .framer-1vhalh4>:first-child,
.framer-mjLI5 .framer-hvval1>:first-child,
.framer-mjLI5 .framer-68imvf>:first-child,
.framer-mjLI5 .framer-pukhyj>:first-child,
.framer-mjLI5 .framer-1yf6cfz>:first-child {
margin-left: 0
}
.framer-mjLI5 .framer-ugp9vy>:last-child,
.framer-mjLI5 .framer-s7uxwx>:last-child,
.framer-mjLI5 .framer-19066iw>:last-child,
.framer-mjLI5 .framer-1rdxcj9>:last-child,
.framer-mjLI5 .framer-980hia>:last-child,
.framer-mjLI5 .framer-hizdcq>:last-child,
.framer-mjLI5 .framer-ccc42f>:last-child,
.framer-mjLI5 .framer-27wrq1>:last-child,
.framer-mjLI5 .framer-jki2ma>:last-child,
.framer-mjLI5 .framer-8it3mt>:last-child,
.framer-mjLI5 .framer-s73222>:last-child,
.framer-mjLI5 .framer-n77swo>:last-child,
.framer-mjLI5 .framer-1dgaqzl>:last-child,
.framer-mjLI5 .framer-fg9dsy>:last-child,
.framer-mjLI5 .framer-cp56fe>:last-child,
.framer-mjLI5 .framer-19ais31>:last-child,
.framer-mjLI5 .framer-1vhalh4>:last-child,
.framer-mjLI5 .framer-hvval1>:last-child,
.framer-mjLI5 .framer-68imvf>:last-child,
.framer-mjLI5 .framer-pukhyj>:last-child,
.framer-mjLI5 .framer-1yf6cfz>:last-child {
margin-right: 0
}
.framer-mjLI5 .framer-s7uxwx>*,
.framer-mjLI5 .framer-hizdcq>*,
.framer-mjLI5 .framer-8it3mt>*,
.framer-mjLI5 .framer-s73222>*,
.framer-mjLI5 .framer-19ais31>*,
.framer-mjLI5 .framer-1vhalh4>*,
.framer-mjLI5 .framer-pukhyj>*,
.framer-mjLI5 .framer-1yf6cfz>* {
margin: 0 5px
}
.framer-mjLI5 .framer-19066iw>* {
margin: 0 120px
}
.framer-mjLI5 .framer-4zu5le>*,
.framer-mjLI5 .framer-11ifs2h>*,
.framer-mjLI5 .framer-g3804z>*,
.framer-mjLI5 .framer-14r1s15>*,
.framer-mjLI5 .framer-2co8kv>* {
margin: 5px 0
}
.framer-mjLI5 .framer-log5a8>*,
.framer-mjLI5 .framer-4nwafc>*,
.framer-mjLI5 .framer-xj7bdj>* {
margin: 28px 0
}
.framer-mjLI5 .framer-ccc42f>*,
.framer-mjLI5 .framer-n77swo>*,
.framer-mjLI5 .framer-1dgaqzl>* {
margin: 0 12px
}
.framer-mjLI5 .framer-d3lv13>*,
.framer-mjLI5 .framer-1yd1d29>*,
.framer-mjLI5 .framer-s1qd1o>* {
margin: 12px 0
}
.framer-mjLI5 .framer-j9k45r>*,
.framer-mjLI5 .framer-z4rmv1>*,
.framer-mjLI5 .framer-oafmmn>* {
margin: 32px 0
}
.framer-mjLI5 .framer-1pxjoql>* {
margin: 16px 0
}
.framer-mjLI5 .framer-1vrt3pl>* {
margin: 13px 0
}
.framer-mjLI5 .framer-1d841cx>*,
.framer-mjLI5 .framer-1p6vhwd>*,
.framer-mjLI5 .framer-ziu1vm>*,
.framer-mjLI5 .framer-ducl12>* {
margin: 4px 0
}
.framer-mjLI5 .framer-lx6pn9>*,
.framer-mjLI5 .framer-os7tnt>*,
.framer-mjLI5 .framer-4te3n8>*,
.framer-mjLI5 .framer-736nss>* {
margin: 8px 0
}
.framer-mjLI5 .framer-fg9dsy>* {
margin: 0 8px
}
.framer-mjLI5 .framer-ezccs4>* {
margin: 20px 0
}
}
@media (min-width: 1440px) {
.framer-mjLI5 .hidden-14i7qj5 {
display: none !important
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.framer-mjLI5 .hidden-gb47be {
display: none !important
}
.framer-body-bRBUbNTFm-framer-mjLI5 {
background: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, rgb(32, 30, 32))
}
.framer-mjLI5.framer-14i7qj5 {
width: 1200px
}
.framer-mjLI5 .framer-9awjhc {
height: 71px
}
.framer-mjLI5 .framer-n3d7pv {
padding: 24px 0 0
}
.framer-mjLI5 .framer-187oh7s-container {
transform: perspective(1200px);
z-index: 10
}
.framer-mjLI5 .framer-bj4seu {
transform: perspective(1200px)
}
.framer-mjLI5 .framer-1vegx8i-container,
.framer-mjLI5 .framer-xeoa5y-container,
.framer-mjLI5 .framer-1yv5l30-container,
.framer-mjLI5 .framer-18wip27-container {
height: 640px;
width: 640px
}
.framer-mjLI5 .framer-15mt1ai {
width: 100%
}
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss {
height: min-content;
width: 100%
}
.framer-mjLI5 .framer-18dk84h {
padding: 120px 45px 24px
}
.framer-mjLI5 .framer-2co8kv {
width: 80%
}
}
@media (min-width: 810px) and (max-width: 1199px) {
.framer-mjLI5 .hidden-181tsot {
display: none !important
}
.framer-body-bRBUbNTFm-framer-mjLI5 {
background: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, rgb(32, 30, 32))
}
.framer-mjLI5.framer-14i7qj5 {
width: 810px
}
.framer-mjLI5 .framer-k76r4k-container {
order: 0
}
.framer-mjLI5 .framer-19l4e1t {
order: 1;
padding: 0 24px
}
.framer-mjLI5 .framer-vqvl00 {
order: 2;
padding: 0 24px
}
.framer-mjLI5 .framer-9awjhc {
height: 10%
}
.framer-mjLI5 .framer-s7uxwx {
justify-content: flex-start
}
.framer-mjLI5 .framer-n3d7pv {
flex: none;
flex-direction: column;
gap: 24px;
height: 100%;
justify-content: center;
width: 90%
}
.framer-mjLI5 .framer-1xynt37 {
flex: none;
white-space: pre;
width: 100%
}
.framer-mjLI5 .framer-19066iw,
.framer-mjLI5 .framer-4nwafc {
gap: 0px
}
.framer-mjLI5 .framer-u80kzl,
.framer-mjLI5 .framer-2co8kv {
width: 80%
}
.framer-mjLI5 .framer-1gznpqc {
order: 3
}
.framer-mjLI5 .framer-tbtk41 {
height: 320px
}
.framer-mjLI5 .framer-1d2a6u7 {
bottom: unset;
height: 375px;
top: -2px
}
.framer-mjLI5 .framer-t8ifzl {
order: 4
}
.framer-mjLI5 .framer-vp0hre {
padding: 0 24px
}
.framer-mjLI5 .framer-log5a8 {
padding: 0 45px 0 0
}
.framer-mjLI5 .framer-1vegx8i-container,
.framer-mjLI5 .framer-xeoa5y-container,
.framer-mjLI5 .framer-1yv5l30-container,
.framer-mjLI5 .framer-18wip27-container {
height: 640px;
width: 640px
}
.framer-mjLI5 .framer-xfvbgl {
order: 6;
padding: 64px 24px 40px
}
.framer-mjLI5 .framer-ccc42f {
flex-direction: column;
gap: 40px;
order: 0
}
.framer-mjLI5 .framer-196v6pi {
gap: 24px;
height: min-content;
justify-content: flex-start;
order: 0;
width: 100%
}
.framer-mjLI5 .framer-1a99ngz-container {
height: 1px;
order: 2;
width: 50%
}
.framer-mjLI5 .framer-1c3nbnf {
flex: none;
order: 1;
width: 100%
}
.framer-mjLI5 .framer-1pablaf {
order: 7
}
.framer-mjLI5 .framer-j9k45r {
height: 2954px;
order: 8
}
.framer-mjLI5 .framer-11ifs2h {
order: 0;
padding: 124px 24px 40px
}
.framer-mjLI5 .framer-15mt1ai {
width: 100%
}
.framer-mjLI5 .framer-p8hcnq {
order: 5
}
.framer-mjLI5 .framer-8it3mt {
order: 10;
padding: 108px 24px 0
}
.framer-mjLI5 .framer-oafmmn {
order: 11;
padding: 80px 24px 0
}
.framer-mjLI5 .framer-1yd1d29 {
gap: 56px
}
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-1dgaqzl {
flex-direction: column;
gap: 56px
}
.framer-mjLI5 .framer-g3804z,
.framer-mjLI5 .framer-14r1s15 {
flex: none;
position: relative;
top: unset;
width: 100%
}
.framer-mjLI5 .framer-1p6vhwd,
.framer-mjLI5 .framer-ducl12 {
flex: none;
width: 100%
}
.framer-mjLI5 .framer-vtrzav {
order: 12;
padding: 0 24px 24px
}
.framer-mjLI5 .framer-1oqc5aa {
flex: 1 0 0px;
flex-direction: column;
flex-wrap: wrap;
gap: 64px;
height: 1px;
justify-content: flex-start
}
.framer-mjLI5 .framer-lx6pn9 {
gap: 0px;
width: 100%
}
.framer-mjLI5 .framer-s1qd1o {
gap: 16px
}
.framer-mjLI5 .framer-xj7bdj {
gap: 24px
}
.framer-mjLI5 .framer-1p7ji93 {
width: 60%
}
.framer-mjLI5 .framer-os7tnt {
flex: 1 0 0px;
height: 1px;
max-height: 70%;
width: 100%
}
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss {
flex: 1 0 0px;
flex-direction: row;
height: 1px;
width: 100%
}
.framer-mjLI5 .framer-pw0aoo-container,
.framer-mjLI5 .framer-1kfv0t4-container,
.framer-mjLI5 .framer-6rhfx3-container,
.framer-mjLI5 .framer-1op7lha-container {
flex: 1 0 0px;
height: 100%;
width: 1px
}
.framer-mjLI5 .framer-qkpowo {
order: 13
}
.framer-mjLI5 .framer-qyd7ke {
order: 14
}
.framer-mjLI5 .framer-18dk84h {
padding: 152px 24px 24px
}
.framer-mjLI5 .framer-1gco3gu {
padding: 80px 24px 40px
}
.framer-mjLI5 .framer-1y4lydq {
padding: 0 0 16px
}
.framer-mjLI5 .framer-pyhewc {
flex: none;
height: 40%
}
.framer-mjLI5 .framer-rf7zcf {
flex: none;
height: 63%
}
.framer-mjLI5 .framer-hvval1 {
flex: 1 0 0px;
flex-direction: column
}
.framer-mjLI5 .framer-5k24qf,
.framer-mjLI5 .framer-1u1fqlh {
flex: 1 0 0px;
height: 1px;
width: 100%
}
.framer-mjLI5 .framer-72n7yi-container {
flex: 1 0 0px;
height: 1px
}
@supports (background: -webkit-named-image(i)) and (not (scale:1)) {
.framer-mjLI5 .framer-n3d7pv,
.framer-mjLI5 .framer-19066iw,
.framer-mjLI5 .framer-4nwafc,
.framer-mjLI5 .framer-ccc42f,
.framer-mjLI5 .framer-196v6pi,
.framer-mjLI5 .framer-1yd1d29,
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-1dgaqzl,
.framer-mjLI5 .framer-1oqc5aa,
.framer-mjLI5 .framer-lx6pn9,
.framer-mjLI5 .framer-s1qd1o,
.framer-mjLI5 .framer-xj7bdj,
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss,
.framer-mjLI5 .framer-hvval1 {
gap: 0px
}
.framer-mjLI5 .framer-n3d7pv>*,
.framer-mjLI5 .framer-196v6pi>*,
.framer-mjLI5 .framer-xj7bdj>* {
margin: 12px 0
}
.framer-mjLI5 .framer-n3d7pv>:first-child,
.framer-mjLI5 .framer-4nwafc>:first-child,
.framer-mjLI5 .framer-ccc42f>:first-child,
.framer-mjLI5 .framer-196v6pi>:first-child,
.framer-mjLI5 .framer-1yd1d29>:first-child,
.framer-mjLI5 .framer-n77swo>:first-child,
.framer-mjLI5 .framer-1dgaqzl>:first-child,
.framer-mjLI5 .framer-1oqc5aa>:first-child,
.framer-mjLI5 .framer-lx6pn9>:first-child,
.framer-mjLI5 .framer-s1qd1o>:first-child,
.framer-mjLI5 .framer-xj7bdj>:first-child,
.framer-mjLI5 .framer-hvval1>:first-child {
margin-top: 0
}
.framer-mjLI5 .framer-n3d7pv>:last-child,
.framer-mjLI5 .framer-4nwafc>:last-child,
.framer-mjLI5 .framer-ccc42f>:last-child,
.framer-mjLI5 .framer-196v6pi>:last-child,
.framer-mjLI5 .framer-1yd1d29>:last-child,
.framer-mjLI5 .framer-n77swo>:last-child,
.framer-mjLI5 .framer-1dgaqzl>:last-child,
.framer-mjLI5 .framer-1oqc5aa>:last-child,
.framer-mjLI5 .framer-lx6pn9>:last-child,
.framer-mjLI5 .framer-s1qd1o>:last-child,
.framer-mjLI5 .framer-xj7bdj>:last-child,
.framer-mjLI5 .framer-hvval1>:last-child {
margin-bottom: 0
}
.framer-mjLI5 .framer-19066iw>* {
margin: 0
}
.framer-mjLI5 .framer-19066iw>:first-child,
.framer-mjLI5 .framer-4te3n8>:first-child,
.framer-mjLI5 .framer-736nss>:first-child {
margin-left: 0
}
.framer-mjLI5 .framer-19066iw>:last-child,
.framer-mjLI5 .framer-4te3n8>:last-child,
.framer-mjLI5 .framer-736nss>:last-child {
margin-right: 0
}
.framer-mjLI5 .framer-4nwafc>*,
.framer-mjLI5 .framer-lx6pn9>*,
.framer-mjLI5 .framer-hvval1>* {
margin: 0
}
.framer-mjLI5 .framer-ccc42f>* {
margin: 20px 0
}
.framer-mjLI5 .framer-1yd1d29>*,
.framer-mjLI5 .framer-n77swo>*,
.framer-mjLI5 .framer-1dgaqzl>* {
margin: 28px 0
}
.framer-mjLI5 .framer-1oqc5aa>* {
margin: 32px 0
}
.framer-mjLI5 .framer-s1qd1o>* {
margin: 8px 0
}
.framer-mjLI5 .framer-4te3n8>*,
.framer-mjLI5 .framer-736nss>* {
margin: 0 8px
}
}
}
@media (max-width: 809px) {
.framer-mjLI5 .hidden-l957jw {
display: none !important
}
.framer-body-bRBUbNTFm-framer-mjLI5 {
background: var(--token-18b211c6-efeb-4952-97b9-b397bb1cc389, rgb(32, 30, 32))
}
.framer-mjLI5.framer-14i7qj5 {
width: 390px
}
.framer-mjLI5 .framer-k76r4k-container,
.framer-mjLI5 .framer-cjxsmq {
order: 0
}
.framer-mjLI5 .framer-19l4e1t {
mix-blend-mode: unset;
order: 1;
padding: 0;
top: 0
}
.framer-mjLI5 .framer-ugp9vy {
mix-blend-mode: unset
}
.framer-mjLI5 .framer-vqvl00 {
order: 2;
padding: 0 16px
}
.framer-mjLI5 .framer-9awjhc {
height: 8%
}
.framer-mjLI5 .framer-n3d7pv {
flex-direction: column;
gap: 24px;
justify-content: flex-start
}
.framer-mjLI5 .framer-1xynt37 {
flex: none;
white-space: pre;
width: 100%
}
.framer-mjLI5 .framer-u80kzl {
flex: 1 0 0px;
width: 1px
}
.framer-mjLI5 .framer-1n27r6o,
.framer-mjLI5 .framer-rca2ek {
width: 265px
}
.framer-mjLI5 .framer-1gznpqc,
.framer-mjLI5 .framer-1wtgct0 {
order: 3
}
.framer-mjLI5 .framer-tbtk41 {
height: 227px;
z-index: 8
}
.framer-mjLI5 .framer-t8ifzl {
border-top-left-radius: unset;
border-top-right-radius: unset;
order: 4
}
.framer-mjLI5 .framer-vp0hre {
height: 80vh;
padding: 0 24px
}
.framer-mjLI5 .framer-log5a8 {
gap: 32px;
justify-content: flex-start;
padding: 50px 16px 0
}
.framer-mjLI5 .framer-1vegx8i-container {
aspect-ratio: .9006289308176101 / 1;
height: var(--framer-aspect-ratio-supported, 398px);
order: 1;
width: 100%
}
.framer-mjLI5 .framer-xeoa5y-container {
aspect-ratio: .9006289308176101 / 1;
height: var(--framer-aspect-ratio-supported, 398px);
order: 0;
width: 100%
}
.framer-mjLI5 .framer-1yv5l30-container {
aspect-ratio: .9006289308176101 / 1;
height: var(--framer-aspect-ratio-supported, 398px);
order: 2;
width: 100%
}
.framer-mjLI5 .framer-18wip27-container {
aspect-ratio: .9006289308176101 / 1;
height: var(--framer-aspect-ratio-supported, 398px);
order: 3;
width: 100%
}
.framer-mjLI5 .framer-1lqpsyc {
height: 120px;
order: 4
}
.framer-mjLI5 .framer-jwtwun {
order: 5
}
.framer-mjLI5 .framer-xfvbgl {
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
gap: 0px;
height: auto;
justify-content: center;
order: 7;
padding: 40px 16px 80px;
position: relative;
top: unset
}
.framer-mjLI5 .framer-4nwafc {
flex: none;
gap: 0px;
height: min-content
}
.framer-mjLI5 .framer-ccc42f {
flex: none;
flex-direction: column;
gap: 40px;
height: min-content;
overflow: hidden
}
.framer-mjLI5 .framer-196v6pi {
gap: 40px;
height: min-content;
justify-content: center;
width: 100%
}
.framer-mjLI5 .framer-d3lv13 {
gap: 16px
}
.framer-mjLI5 .framer-hgvk0n,
.framer-mjLI5 .framer-fg9dsy {
transform: unset
}
.framer-mjLI5 .framer-v52y7l {
flex-direction: column;
gap: 24px;
justify-content: flex-start;
padding: 0
}
.framer-mjLI5 .framer-6sacju {
flex: none;
transform: unset;
width: 100%
}
.framer-mjLI5 .framer-1a99ngz-container {
flex: none;
height: 336px;
transform: unset;
width: 100%
}
.framer-mjLI5 .framer-1pablaf {
height: 24px;
order: 14
}
.framer-mjLI5 .framer-j9k45r {
gap: 0px;
justify-content: center;
order: 8
}
.framer-mjLI5 .framer-11ifs2h {
height: 100.4739336492891vh;
justify-content: center;
padding: 124px 16px 40px
}
.framer-mjLI5 .framer-z4rmv1 {
align-content: center;
align-items: center;
flex: 1 0 0px;
gap: unset;
height: 1px;
justify-content: space-between
}
.framer-mjLI5 .framer-15mt1ai {
order: 1;
width: 100%
}
.framer-mjLI5 .framer-27wrq1 {
order: 2;
position: sticky;
top: 0;
will-change: transform
}
.framer-mjLI5 .framer-1av0keo {
order: 9
}
.framer-mjLI5 .framer-8it3mt {
order: 6;
padding: 108px 16px 0
}
.framer-mjLI5 .framer-oafmmn {
order: 10;
padding: 80px 16px 120px
}
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-1dgaqzl {
flex-direction: column;
gap: 56px
}
.framer-mjLI5 .framer-g3804z,
.framer-mjLI5 .framer-14r1s15 {
flex: none;
position: relative;
top: unset;
width: 100%
}
.framer-mjLI5 .framer-1p6vhwd,
.framer-mjLI5 .framer-ducl12 {
flex: none;
width: 100%
}
.framer-mjLI5 .framer-vtrzav {
gap: 0px;
height: min-content;
justify-content: center;
order: 11;
padding: 16px 16px 8px;
position: relative;
top: unset
}
.framer-mjLI5 .framer-1oqc5aa {
flex-direction: column;
gap: 64px;
justify-content: center
}
.framer-mjLI5 .framer-lx6pn9 {
gap: 0px;
width: 100%
}
.framer-mjLI5 .framer-1p7ji93,
.framer-mjLI5 .framer-2co8kv {
width: 100%
}
.framer-mjLI5 .framer-os7tnt {
height: min-content;
max-height: 260%;
width: 100%;
z-index: 10
}
.framer-mjLI5 .framer-4te3n8,
.framer-mjLI5 .framer-736nss {
height: min-content;
width: 100%
}
.framer-mjLI5 .framer-qkpowo {
height: 1px;
order: 12
}
.framer-mjLI5 .framer-qyd7ke {
order: 13
}
.framer-mjLI5 .framer-3st256 {
height: 42px
}
.framer-mjLI5 .framer-18dk84h {
padding: 112px 16px 24px
}
.framer-mjLI5 .framer-14k4knb-container,
.framer-mjLI5 .framer-rf7zcf {
order: 2
}
.framer-mjLI5 .framer-1sds239-container {
order: 4
}
.framer-mjLI5 .framer-ezccs4 {
justify-content: flex-start
}
.framer-mjLI5 .framer-1gco3gu {
gap: 0px;
justify-content: flex-start;
padding: 80px 16px 24px
}
.framer-mjLI5 .framer-pyhewc {
align-content: flex-start;
align-items: flex-start;
flex: none;
height: 29%
}
.framer-mjLI5 .framer-1vhalh4 {
align-content: flex-start;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
max-width: 410px;
order: 0
}
.framer-mjLI5 .framer-1p0gsf0 {
flex: none;
order: 0;
width: 100%
}
.framer-mjLI5 .framer-ne1zuo {
height: 16px;
order: 3
}
.framer-mjLI5 .framer-1huuc83 {
order: 1
}
.framer-mjLI5 .framer-hvval1 {
flex: none;
flex-direction: column;
height: 71%;
justify-content: flex-end
}
.framer-mjLI5 .framer-5k24qf {
height: 205px;
width: 100%
}
.framer-mjLI5 .framer-1u1fqlh {
flex: 1 0 0px;
height: 1px;
width: 100%
}
.framer-mjLI5 .framer-72n7yi-container {
flex: 1 0 0px;
height: 1px
}
@supports (background: -webkit-named-image(i)) and (not (scale:1)) {
.framer-mjLI5 .framer-n3d7pv,
.framer-mjLI5 .framer-log5a8,
.framer-mjLI5 .framer-xfvbgl,
.framer-mjLI5 .framer-4nwafc,
.framer-mjLI5 .framer-ccc42f,
.framer-mjLI5 .framer-196v6pi,
.framer-mjLI5 .framer-d3lv13,
.framer-mjLI5 .framer-v52y7l,
.framer-mjLI5 .framer-j9k45r,
.framer-mjLI5 .framer-z4rmv1,
.framer-mjLI5 .framer-n77swo,
.framer-mjLI5 .framer-1dgaqzl,
.framer-mjLI5 .framer-vtrzav,
.framer-mjLI5 .framer-1oqc5aa,
.framer-mjLI5 .framer-lx6pn9,
.framer-mjLI5 .framer-1gco3gu,
.framer-mjLI5 .framer-1vhalh4,
.framer-mjLI5 .framer-hvval1 {
gap: 0px
}
.framer-mjLI5 .framer-n3d7pv>*,
.framer-mjLI5 .framer-v52y7l>* {
margin: 12px 0
}
.framer-mjLI5 .framer-n3d7pv>:first-child,
.framer-mjLI5 .framer-log5a8>:first-child,
.framer-mjLI5 .framer-xfvbgl>:first-child,
.framer-mjLI5 .framer-4nwafc>:first-child,
.framer-mjLI5 .framer-ccc42f>:first-child,
.framer-mjLI5 .framer-196v6pi>:first-child,
.framer-mjLI5 .framer-d3lv13>:first-child,
.framer-mjLI5 .framer-v52y7l>:first-child,
.framer-mjLI5 .framer-j9k45r>:first-child,
.framer-mjLI5 .framer-n77swo>:first-child,
.framer-mjLI5 .framer-1dgaqzl>:first-child,
.framer-mjLI5 .framer-vtrzav>:first-child,
.framer-mjLI5 .framer-1oqc5aa>:first-child,
.framer-mjLI5 .framer-lx6pn9>:first-child,
.framer-mjLI5 .framer-1gco3gu>:first-child,
.framer-mjLI5 .framer-1vhalh4>:first-child,
.framer-mjLI5 .framer-hvval1>:first-child {
margin-top: 0
}
.framer-mjLI5 .framer-n3d7pv>:last-child,
.framer-mjLI5 .framer-log5a8>:last-child,
.framer-mjLI5 .framer-xfvbgl>:last-child,
.framer-mjLI5 .framer-4nwafc>:last-child,
.framer-mjLI5 .framer-ccc42f>:last-child,
.framer-mjLI5 .framer-196v6pi>:last-child,
.framer-mjLI5 .framer-d3lv13>:last-child,
.framer-mjLI5 .framer-v52y7l>:last-child,
.framer-mjLI5 .framer-j9k45r>:last-child,
.framer-mjLI5 .framer-n77swo>:last-child,
.framer-mjLI5 .framer-1dgaqzl>:last-child,
.framer-mjLI5 .framer-vtrzav>:last-child,
.framer-mjLI5 .framer-1oqc5aa>:last-child,
.framer-mjLI5 .framer-lx6pn9>:last-child,
.framer-mjLI5 .framer-1gco3gu>:last-child,
.framer-mjLI5 .framer-1vhalh4>:last-child,
.framer-mjLI5 .framer-hvval1>:last-child {
margin-bottom: 0
}
.framer-mjLI5 .framer-log5a8>* {
margin: 16px 0
}
.framer-mjLI5 .framer-xfvbgl>*,
.framer-mjLI5 .framer-4nwafc>*,
.framer-mjLI5 .framer-j9k45r>*,
.framer-mjLI5 .framer-vtrzav>*,
.framer-mjLI5 .framer-lx6pn9>*,
.framer-mjLI5 .framer-1gco3gu>*,
.framer-mjLI5 .framer-hvval1>* {
margin: 0
}
.framer-mjLI5 .framer-ccc42f>*,
.framer-mjLI5 .framer-196v6pi>* {
margin: 20px 0
}
.framer-mjLI5 .framer-d3lv13>* {
margin: 8px 0
}
.framer-mjLI5 .framer-z4rmv1>*,
.framer-mjLI5 .framer-z4rmv1>:first-child,
.framer-mjLI5 .framer-z4rmv1>:last-child {
margin: 0
}
.framer-mjLI5 .framer-n77swo>*,
.framer-mjLI5 .framer-1dgaqzl>* {
margin: 28px 0
}
.framer-mjLI5 .framer-1oqc5aa>* {
margin: 32px 0
}
.framer-mjLI5 .framer-1vhalh4>* {
margin: 5px 0
}
}
}
.framer-JjfZA.framer-g0sfmj,
.framer-JjfZA .framer-g0sfmj {
display: block
}
.framer-JjfZA.framer-1qsjay {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 4px;
height: 36px;
justify-content: flex-start;
overflow: hidden;
padding: 0 0 0 11px;
position: relative;
text-decoration: none;
width: 142px;
will-change: var(--framer-will-change-override, transform)
}
.framer-JjfZA .framer-ajbyj8 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 24px;
justify-content: flex-end;
overflow: hidden;
padding: 0;
position: relative;
width: 2px
}
.framer-JjfZA .framer-2wizeq {
aspect-ratio: 1 / 1;
flex: none;
height: var(--framer-aspect-ratio-supported, 24px);
position: relative;
width: 24px
}
.framer-JjfZA .framer-m6a2g5 {
flex: none;
height: 24px;
position: relative;
width: 24px
}
.framer-JjfZA .framer-1gg0vu7 {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-JjfZA.framer-1qsjay,
.framer-JjfZA .framer-ajbyj8 {
gap: 0px
}
.framer-JjfZA.framer-1qsjay>* {
margin: 0 2px
}
.framer-JjfZA.framer-1qsjay>:first-child,
.framer-JjfZA .framer-ajbyj8>:first-child {
margin-left: 0
}
.framer-JjfZA.framer-1qsjay>:last-child,
.framer-JjfZA .framer-ajbyj8>:last-child {
margin-right: 0
}
.framer-JjfZA .framer-ajbyj8>* {
margin: 0
}
}
.framer-JjfZA.framer-v-1qsjay.hover.framer-1qsjay {
gap: 8px
}
.framer-JjfZA.framer-v-1qsjay.hover .framer-ajbyj8 {
justify-content: flex-start
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-JjfZA.framer-v-1qsjay.hover.framer-1qsjay {
gap: 0px
}
.framer-JjfZA.framer-v-1qsjay.hover.framer-1qsjay>* {
margin: 0 4px
}
.framer-JjfZA.framer-v-1qsjay.hover.framer-1qsjay>:first-child {
margin-left: 0
}
.framer-JjfZA.framer-v-1qsjay.hover.framer-1qsjay>:last-child {
margin-right: 0
}
}
.framer-JjfZA[data-border=true]:after,
.framer-JjfZA [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-5E4xP.framer-jjkda0,
.framer-5E4xP .framer-jjkda0 {
display: block
}
.framer-5E4xP.framer-1imerzn {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: auto;
justify-content: space-between;
overflow: hidden;
padding: 0;
position: relative;
width: 1200px
}
.framer-5E4xP .framer-id405p {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 48px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-5E4xP .framer-io4lkw {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 48px;
justify-content: space-between;
overflow: hidden;
padding: 0;
position: relative;
width: 52%
}
.framer-5E4xP .framer-17g490q {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 27px
}
.framer-5E4xP .framer-16vh2pw-container {
flex: none;
height: auto;
position: relative;
width: auto
}
.framer-5E4xP .framer-1i50lcb,
.framer-5E4xP .framer-19fueo7 {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-5E4xP .framer-11bepde {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 100%;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-5E4xP .framer-1x7uv8t {
flex: none;
height: 48px;
position: relative;
width: 77px
}
.framer-5E4xP .framer-1a3qitc {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 19px;
height: 38px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-5E4xP .framer-1wnj6oe {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 48px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0 24px 0 0;
position: relative;
width: min-content
}
.framer-5E4xP .framer-ps09jk-container,
.framer-5E4xP .framer-yco63g-container,
.framer-5E4xP .framer-1253tzj-container {
flex: none;
height: 17px;
position: relative;
width: auto
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-5E4xP .framer-id405p,
.framer-5E4xP .framer-11bepde,
.framer-5E4xP .framer-1a3qitc,
.framer-5E4xP .framer-1wnj6oe {
gap: 0px
}
.framer-5E4xP .framer-id405p>* {
margin: 0
}
.framer-5E4xP .framer-id405p>:first-child,
.framer-5E4xP .framer-11bepde>:first-child,
.framer-5E4xP .framer-1wnj6oe>:first-child {
margin-left: 0
}
.framer-5E4xP .framer-id405p>:last-child,
.framer-5E4xP .framer-11bepde>:last-child,
.framer-5E4xP .framer-1wnj6oe>:last-child {
margin-right: 0
}
.framer-5E4xP .framer-11bepde>* {
margin: 0 5px
}
.framer-5E4xP .framer-1a3qitc>* {
margin: 9.5px 0
}
.framer-5E4xP .framer-1a3qitc>:first-child {
margin-top: 0
}
.framer-5E4xP .framer-1a3qitc>:last-child {
margin-bottom: 0
}
.framer-5E4xP .framer-1wnj6oe>* {
margin: 0 24px
}
}
.framer-KsueR[data-border=true]:after,
.framer-KsueR [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-KsueR.framer-7e4t9b,
.framer-KsueR .framer-7e4t9b {
display: block
}
.framer-KsueR.framer-1w1jnk1 {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 17px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: min-content
}
.framer-KsueR .framer-ul7ev {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 17px;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-KsueR .framer-undjiv,
.framer-KsueR .framer-cctxkw {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-KsueR.framer-1w1jnk1,
.framer-KsueR .framer-ul7ev {
gap: 0px
}
.framer-KsueR.framer-1w1jnk1>* {
margin: 0 5px
}
.framer-KsueR.framer-1w1jnk1>:first-child {
margin-left: 0
}
.framer-KsueR.framer-1w1jnk1>:last-child {
margin-right: 0
}
.framer-KsueR .framer-ul7ev>* {
margin: 0
}
.framer-KsueR .framer-ul7ev>:first-child {
margin-top: 0
}
.framer-KsueR .framer-ul7ev>:last-child {
margin-bottom: 0
}
}
.framer-KsueR.framer-v-1w1jnk1.hover .framer-ul7ev {
justify-content: flex-end
}
.framer-0Neuy.framer-1rs6y6t,
.framer-0Neuy .framer-1rs6y6t {
display: block
}
.framer-0Neuy.framer-1al7r47 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 20px;
height: 64px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 390px
}
.framer-0Neuy .framer-1kz84is {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: visible;
padding: 10px;
position: relative;
width: 1px
}
.framer-0Neuy .framer-2lupds {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0 0 3px;
position: relative;
width: min-content
}
.framer-0Neuy .framer-yzvk2-container,
.framer-0Neuy .framer-1sh74ps-container {
flex: none;
height: auto;
position: relative;
width: auto
}
.framer-0Neuy .framer-36xkdv {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: calc(var(--framer-viewport-height, 100vh) * 1);
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-0Neuy .framer-1ycsaom,
.framer-0Neuy .framer-1cs1dez,
.framer-0Neuy .framer-y0tybk {
-webkit-user-select: none;
flex: none;
height: auto;
position: relative;
user-select: none;
white-space: pre;
width: auto;
z-index: 5
}
.framer-0Neuy .framer-1vix66n {
flex: none;
height: 329px;
overflow: visible;
position: relative;
width: 160px
}
.framer-0Neuy .framer-xa8bkz {
align-content: center;
align-items: center;
bottom: 0;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 1px;
justify-content: center;
left: 0;
overflow: visible;
padding: 0;
position: absolute;
width: 100%
}
.framer-0Neuy .framer-103fmoz {
flex: none;
height: 1px;
left: calc(50.00000000000002% - 100% / 2);
position: absolute;
top: calc(2.220446049250313e-14% - 1px / 2);
width: 100%
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0Neuy.framer-1al7r47,
.framer-0Neuy .framer-2lupds,
.framer-0Neuy .framer-36xkdv,
.framer-0Neuy .framer-xa8bkz {
gap: 0px
}
.framer-0Neuy.framer-1al7r47>* {
margin: 0 10px
}
.framer-0Neuy.framer-1al7r47>:first-child,
.framer-0Neuy .framer-36xkdv>:first-child,
.framer-0Neuy .framer-xa8bkz>:first-child {
margin-left: 0
}
.framer-0Neuy.framer-1al7r47>:last-child,
.framer-0Neuy .framer-36xkdv>:last-child,
.framer-0Neuy .framer-xa8bkz>:last-child {
margin-right: 0
}
.framer-0Neuy .framer-2lupds>* {
margin: 5px 0
}
.framer-0Neuy .framer-2lupds>:first-child {
margin-top: 0
}
.framer-0Neuy .framer-2lupds>:last-child {
margin-bottom: 0
}
.framer-0Neuy .framer-36xkdv>* {
margin: 0 8px
}
.framer-0Neuy .framer-xa8bkz>* {
margin: 0 5px
}
}
.framer-0Neuy.framer-v-k0x7f4.framer-1al7r47,
.framer-0Neuy.framer-v-1gsh5ir.framer-1al7r47 {
flex-direction: column;
gap: 0px;
height: auto;
max-height: calc(var(--framer-viewport-height, 100vh) * 1);
overflow: visible
}
.framer-0Neuy.framer-v-k0x7f4 .framer-1kz84is,
.framer-0Neuy.framer-v-1gsh5ir .framer-1kz84is {
flex: none;
width: 100%
}
.framer-0Neuy.framer-v-k0x7f4 .framer-36xkdv,
.framer-0Neuy.framer-v-1gsh5ir .framer-36xkdv {
align-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 60px 20px 120px;
width: 100%
}
.framer-0Neuy.framer-v-k0x7f4 .framer-1ycsaom,
.framer-0Neuy.framer-v-1gsh5ir .framer-1ycsaom {
cursor: pointer;
order: 0;
z-index: 10
}
.framer-0Neuy.framer-v-k0x7f4 .framer-1cs1dez,
.framer-0Neuy.framer-v-1gsh5ir .framer-1cs1dez {
cursor: pointer;
order: 1;
z-index: 10
}
.framer-0Neuy.framer-v-k0x7f4 .framer-y0tybk,
.framer-0Neuy.framer-v-1gsh5ir .framer-y0tybk {
cursor: pointer;
order: 2;
z-index: 10
}
.framer-0Neuy.framer-v-k0x7f4 .framer-1vix66n,
.framer-0Neuy.framer-v-1gsh5ir .framer-1vix66n {
order: 3
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0Neuy.framer-v-k0x7f4.framer-1al7r47,
.framer-0Neuy.framer-v-k0x7f4 .framer-36xkdv {
gap: 0px
}
.framer-0Neuy.framer-v-k0x7f4.framer-1al7r47>* {
margin: 0
}
.framer-0Neuy.framer-v-k0x7f4.framer-1al7r47>:first-child,
.framer-0Neuy.framer-v-k0x7f4 .framer-36xkdv>:first-child {
margin-top: 0
}
.framer-0Neuy.framer-v-k0x7f4.framer-1al7r47>:last-child,
.framer-0Neuy.framer-v-k0x7f4 .framer-36xkdv>:last-child {
margin-bottom: 0
}
.framer-0Neuy.framer-v-k0x7f4 .framer-36xkdv>* {
margin: 8px 0
}
}
.framer-0Neuy.framer-v-11dmmp3 .framer-xa8bkz {
gap: 0px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0Neuy.framer-v-11dmmp3 .framer-xa8bkz {
gap: 0px
}
.framer-0Neuy.framer-v-11dmmp3 .framer-xa8bkz>* {
margin: 0
}
.framer-0Neuy.framer-v-11dmmp3 .framer-xa8bkz>:first-child {
margin-left: 0
}
.framer-0Neuy.framer-v-11dmmp3 .framer-xa8bkz>:last-child {
margin-right: 0
}
}
.framer-0Neuy.framer-v-1gsh5ir .framer-2lupds {
order: 0
}
.framer-0Neuy.framer-v-1gsh5ir .framer-1sh74ps-container {
order: 1
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0Neuy.framer-v-1gsh5ir.framer-1al7r47,
.framer-0Neuy.framer-v-1gsh5ir .framer-36xkdv {
gap: 0px
}
.framer-0Neuy.framer-v-1gsh5ir.framer-1al7r47>* {
margin: 0
}
.framer-0Neuy.framer-v-1gsh5ir.framer-1al7r47>:first-child,
.framer-0Neuy.framer-v-1gsh5ir .framer-36xkdv>:first-child {
margin-top: 0
}
.framer-0Neuy.framer-v-1gsh5ir.framer-1al7r47>:last-child,
.framer-0Neuy.framer-v-1gsh5ir .framer-36xkdv>:last-child {
margin-bottom: 0
}
.framer-0Neuy.framer-v-1gsh5ir .framer-36xkdv>* {
margin: 8px 0
}
}
.framer-aT8hS .framer-styles-preset-1wicq5s:not(.rich-text-wrapper),
.framer-aT8hS .framer-styles-preset-1wicq5s.rich-text-wrapper a {
--framer-link-current-text-color: #ffffff;
--framer-link-current-text-decoration: none;
--framer-link-hover-text-color: #fff;
--framer-link-hover-text-decoration: none;
--framer-link-text-color: #ffffff;
--framer-link-text-decoration: none
}
.framer-ihmRT[data-border=true]:after,
.framer-ihmRT [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-ihmRT.framer-xvxqmu,
.framer-ihmRT .framer-xvxqmu {
display: block
}
.framer-ihmRT.framer-11an4iq {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
text-decoration: none;
width: min-content
}
.framer-ihmRT .framer-159q4pf {
flex: none;
height: 24px;
position: relative;
width: 24px
}
.framer-ihmRT .framer-1isqmck {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-ihmRT.framer-11an4iq {
gap: 0px
}
.framer-ihmRT.framer-11an4iq>* {
margin: 0 4px
}
.framer-ihmRT.framer-11an4iq>:first-child {
margin-left: 0
}
.framer-ihmRT.framer-11an4iq>:last-child {
margin-right: 0
}
}
.framer-t0ze4[data-border=true]:after,
.framer-t0ze4 [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-t0ze4.framer-1csnh3x,
.framer-t0ze4 .framer-1csnh3x {
display: block
}
.framer-t0ze4.framer-wrubb8 {
cursor: pointer;
height: 44px;
overflow: hidden;
position: relative;
width: 44px
}
.framer-t0ze4 .framer-12v2qt2 {
flex: none;
height: 2px;
left: calc(50.00000000000002% - 20px / 2);
overflow: hidden;
position: absolute;
top: calc(62.50000000000002% - 2px / 2);
width: 20px;
will-change: var(--framer-will-change-override, transform)
}
.framer-t0ze4 .framer-1mp5mxt {
flex: none;
height: 2px;
left: calc(50.00000000000002% - 20px / 2);
overflow: hidden;
position: absolute;
top: calc(37.50000000000002% - 2px / 2);
width: 20px;
will-change: var(--framer-will-change-override, transform)
}
.framer-t0ze4.framer-v-sf9qat.framer-wrubb8,
.framer-t0ze4.framer-v-uqmiaj.framer-wrubb8,
.framer-t0ze4.framer-v-1qqyzmr.framer-wrubb8 {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 44px)
}
.framer-t0ze4.framer-v-sf9qat .framer-12v2qt2,
.framer-t0ze4.framer-v-sf9qat .framer-1mp5mxt,
.framer-t0ze4.framer-v-1qqyzmr .framer-12v2qt2,
.framer-t0ze4.framer-v-1qqyzmr .framer-1mp5mxt {
top: calc(50.00000000000002% - 2px / 2)
}
.framer-MNBEg[data-border=true]:after,
.framer-MNBEg [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-MNBEg.framer-qw4jjn,
.framer-MNBEg .framer-qw4jjn {
display: block
}
.framer-MNBEg.framer-kvi888 {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 12px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: min-content
}
.framer-MNBEg .framer-1uny5b4 {
align-content: center;
align-items: center;
aspect-ratio: 1 / 1;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: var(--framer-aspect-ratio-supported, 40px);
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 40px
}
.framer-MNBEg .framer-68lh78 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 16px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 16px
}
.framer-MNBEg .framer-1xttfad-container {
aspect-ratio: 1 / 1;
flex: none;
height: 16px;
position: relative;
width: var(--framer-aspect-ratio-supported, 16px)
}
.framer-MNBEg .framer-1pxg2my-container {
aspect-ratio: 1 / 1;
flex: none;
height: var(--framer-aspect-ratio-supported, 16px);
position: relative;
width: 16px
}
.framer-MNBEg .framer-hng7ma {
-webkit-user-select: none;
flex: none;
height: auto;
position: relative;
user-select: none;
white-space: pre;
width: auto;
z-index: 1
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-MNBEg.framer-kvi888,
.framer-MNBEg .framer-1uny5b4,
.framer-MNBEg .framer-68lh78 {
gap: 0px
}
.framer-MNBEg.framer-kvi888>* {
margin: 0 6px
}
.framer-MNBEg.framer-kvi888>:first-child,
.framer-MNBEg .framer-68lh78>:first-child {
margin-left: 0
}
.framer-MNBEg.framer-kvi888>:last-child,
.framer-MNBEg .framer-68lh78>:last-child {
margin-right: 0
}
.framer-MNBEg .framer-1uny5b4>* {
margin: 5px 0
}
.framer-MNBEg .framer-1uny5b4>:first-child {
margin-top: 0
}
.framer-MNBEg .framer-1uny5b4>:last-child {
margin-bottom: 0
}
.framer-MNBEg .framer-68lh78>* {
margin: 0 5px
}
}
.framer-MNBEg.framer-v-voncb3 .framer-1uny5b4 {
order: 1
}
.framer-MNBEg.framer-v-voncb3 .framer-68lh78,
.framer-MNBEg.framer-v-kvi888.hover .framer-68lh78 {
justify-content: flex-end
}
.framer-MNBEg.framer-v-voncb3 .framer-hng7ma {
order: 0
}
.framer-MNBEg.framer-v-voncb3.hover .framer-68lh78 {
justify-content: flex-start
}
.framer-PGQaq[data-border=true]:after,
.framer-PGQaq [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-PGQaq.framer-14j1ybp,
.framer-PGQaq .framer-14j1ybp {
display: block
}
.framer-PGQaq.framer-euqyr7 {
align-content: center;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 1350px
}
.framer-PGQaq .framer-c83aol {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-PGQaq .framer-1gzszw8-container {
flex: none;
height: 80px;
position: relative;
width: 100%
}
.framer-PGQaq .framer-1bapnmp,
.framer-PGQaq .framer-17n3od,
.framer-PGQaq .framer-17pvmkb,
.framer-PGQaq .framer-1vmmnk6 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 80px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0 0 0 80px;
position: relative;
width: min-content
}
.framer-PGQaq .framer-61bf2g,
.framer-PGQaq .framer-r1zbho,
.framer-PGQaq .framer-8tirv5,
.framer-PGQaq .framer-vwshyr {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-PGQaq .framer-4qm6ht,
.framer-PGQaq .framer-wm1g8q,
.framer-PGQaq .framer-lkedfk,
.framer-PGQaq .framer-ybauct {
flex: none;
height: 80px;
overflow: visible;
position: relative;
width: 1px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-PGQaq.framer-euqyr7,
.framer-PGQaq .framer-1bapnmp,
.framer-PGQaq .framer-17n3od,
.framer-PGQaq .framer-17pvmkb,
.framer-PGQaq .framer-1vmmnk6 {
gap: 0px
}
.framer-PGQaq.framer-euqyr7>* {
margin: 0
}
.framer-PGQaq.framer-euqyr7>:first-child {
margin-top: 0
}
.framer-PGQaq.framer-euqyr7>:last-child {
margin-bottom: 0
}
.framer-PGQaq .framer-1bapnmp>*,
.framer-PGQaq .framer-17n3od>*,
.framer-PGQaq .framer-17pvmkb>*,
.framer-PGQaq .framer-1vmmnk6>* {
margin: 0 40px
}
.framer-PGQaq .framer-1bapnmp>:first-child,
.framer-PGQaq .framer-17n3od>:first-child,
.framer-PGQaq .framer-17pvmkb>:first-child,
.framer-PGQaq .framer-1vmmnk6>:first-child {
margin-left: 0
}
.framer-PGQaq .framer-1bapnmp>:last-child,
.framer-PGQaq .framer-17n3od>:last-child,
.framer-PGQaq .framer-17pvmkb>:last-child,
.framer-PGQaq .framer-1vmmnk6>:last-child {
margin-right: 0
}
}
.framer-t6eYU.framer-1ydie4u,
.framer-t6eYU .framer-1ydie4u {
display: block
}
.framer-t6eYU.framer-8j460y {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 640px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 640px;
will-change: var(--framer-will-change-override, transform)
}
.framer-t6eYU .framer-1l2p8ai {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
height: 1px;
justify-content: space-between;
overflow: visible;
padding: 24px;
position: relative;
width: 100%;
z-index: 2
}
.framer-t6eYU .framer-lc20ld {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-dda1k9,
.framer-t6eYU .framer-15pxkk4,
.framer-t6eYU .framer-wuxeku {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-t6eYU .framer-vmerpb {
flex: 1 0 0px;
height: 1px;
overflow: visible;
position: relative;
width: 1px
}
.framer-t6eYU .framer-1csixmp {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 64%;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-jp7ju0 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: 100%;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-1syz5f7 {
flex: none;
height: 55%;
mix-blend-mode: screen;
position: relative;
width: 100%;
z-index: -1
}
.framer-t6eYU .framer-z5ofxo {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-1m5bbe5,
.framer-t6eYU .framer-ytztt1,
.framer-t6eYU .framer-15p11nm {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-t6eYU .framer-1n3cs1y {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-16zfdst {
flex: 1 0 0px;
height: auto;
position: relative;
white-space: pre-wrap;
width: 1px;
word-break: break-word;
word-wrap: break-word;
z-index: 10
}
.framer-t6eYU .framer-1tq42sr {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: min-content;
justify-content: flex-end;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-t6eYU .framer-1oh5ehn {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 1px;
z-index: 1
}
.framer-t6eYU .framer-2robwn {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 48px;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-t6eYU .framer-1cett12 {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
height: 48px;
justify-content: space-between;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-t6eYU .framer-122i3k0 {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 27px
}
.framer-t6eYU .framer-1mthhdm {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
height: 20px;
justify-content: center;
left: 1px;
overflow: visible;
padding: 0;
position: absolute;
top: 52%;
width: min-content;
z-index: 1
}
.framer-t6eYU .framer-ctohmg-container,
.framer-t6eYU .framer-1u9tven-container {
flex: none;
height: auto;
position: relative;
width: auto
}
.framer-t6eYU .framer-3vi3oa {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 100%;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-t6eYU .framer-12uadk4 {
flex: none;
height: 48px;
position: relative;
width: 77px
}
.framer-t6eYU .framer-ipsog3 {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 4px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: 27px
}
.framer-t6eYU .framer-6i87hv {
flex: none;
height: 43px;
position: relative;
width: 81px
}
.framer-t6eYU .framer-cissmb {
bottom: -50px;
flex: none;
left: -312px;
overflow: visible;
position: absolute;
top: -50px;
width: 740px;
z-index: 1
}
.framer-t6eYU .framer-15aaxva {
flex: none;
height: 740px;
left: calc(9.062500000000021% - 740px / 2);
overflow: visible;
position: absolute;
top: calc(50.00000000000002% - 740px / 2);
width: 740px;
z-index: 2
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-t6eYU.framer-8j460y,
.framer-t6eYU .framer-lc20ld,
.framer-t6eYU .framer-1csixmp,
.framer-t6eYU .framer-jp7ju0,
.framer-t6eYU .framer-z5ofxo,
.framer-t6eYU .framer-1n3cs1y,
.framer-t6eYU .framer-1tq42sr,
.framer-t6eYU .framer-1oh5ehn,
.framer-t6eYU .framer-2robwn,
.framer-t6eYU .framer-1mthhdm,
.framer-t6eYU .framer-3vi3oa,
.framer-t6eYU .framer-ipsog3 {
gap: 0px
}
.framer-t6eYU.framer-8j460y>* {
margin: 0
}
.framer-t6eYU.framer-8j460y>:first-child,
.framer-t6eYU .framer-jp7ju0>:first-child,
.framer-t6eYU .framer-z5ofxo>:first-child,
.framer-t6eYU .framer-ipsog3>:first-child {
margin-top: 0
}
.framer-t6eYU.framer-8j460y>:last-child,
.framer-t6eYU .framer-jp7ju0>:last-child,
.framer-t6eYU .framer-z5ofxo>:last-child,
.framer-t6eYU .framer-ipsog3>:last-child {
margin-bottom: 0
}
.framer-t6eYU .framer-lc20ld>*,
.framer-t6eYU .framer-1n3cs1y>*,
.framer-t6eYU .framer-1tq42sr>* {
margin: 0 8px
}
.framer-t6eYU .framer-lc20ld>:first-child,
.framer-t6eYU .framer-1csixmp>:first-child,
.framer-t6eYU .framer-1n3cs1y>:first-child,
.framer-t6eYU .framer-1tq42sr>:first-child,
.framer-t6eYU .framer-1oh5ehn>:first-child,
.framer-t6eYU .framer-2robwn>:first-child,
.framer-t6eYU .framer-1mthhdm>:first-child,
.framer-t6eYU .framer-3vi3oa>:first-child {
margin-left: 0
}
.framer-t6eYU .framer-lc20ld>:last-child,
.framer-t6eYU .framer-1csixmp>:last-child,
.framer-t6eYU .framer-1n3cs1y>:last-child,
.framer-t6eYU .framer-1tq42sr>:last-child,
.framer-t6eYU .framer-1oh5ehn>:last-child,
.framer-t6eYU .framer-2robwn>:last-child,
.framer-t6eYU .framer-1mthhdm>:last-child,
.framer-t6eYU .framer-3vi3oa>:last-child {
margin-right: 0
}
.framer-t6eYU .framer-1csixmp>*,
.framer-t6eYU .framer-1oh5ehn>*,
.framer-t6eYU .framer-3vi3oa>* {
margin: 0 5px
}
.framer-t6eYU .framer-jp7ju0>* {
margin: 5px 0
}
.framer-t6eYU .framer-z5ofxo>* {
margin: 8px 0
}
.framer-t6eYU .framer-2robwn>* {
margin: 0
}
.framer-t6eYU .framer-1mthhdm>* {
margin: 0 4px
}
.framer-t6eYU .framer-ipsog3>* {
margin: 2px 0
}
}
.framer-t6eYU[data-border=true]:after,
.framer-t6eYU [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-EWLeY[data-border=true]:after,
.framer-EWLeY [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-EWLeY.framer-1oo2x89,
.framer-EWLeY .framer-1oo2x89 {
display: block
}
.framer-EWLeY.framer-kriyhj {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 1px 6px;
position: relative;
width: min-content;
will-change: var(--framer-will-change-override, transform)
}
.framer-EWLeY .framer-irw92n {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-EWLeY.framer-kriyhj {
gap: 0px
}
.framer-EWLeY.framer-kriyhj>* {
margin: 0 5px
}
.framer-EWLeY.framer-kriyhj>:first-child {
margin-left: 0
}
.framer-EWLeY.framer-kriyhj>:last-child {
margin-right: 0
}
}
.framer-18IrR.framer-1i3zumd,
.framer-18IrR .framer-1i3zumd {
display: block
}
.framer-18IrR.framer-1hf6js8 {
align-content: center;
align-items: center;
cursor: default;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 600px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 600px
}
.framer-18IrR .framer-1usbth7 {
flex: none;
height: 1008px;
left: calc(50.00000000000002% - 1008px / 2);
overflow: visible;
position: absolute;
top: calc(50.00000000000002% - 1008px / 2);
width: 1008px;
z-index: 2
}
.framer-18IrR .framer-1fg5qxd {
-webkit-user-select: none;
aspect-ratio: 1 / 1;
bottom: -44px;
flex: none;
height: var(--framer-aspect-ratio-supported, 75px);
overflow: hidden;
pointer-events: none;
position: absolute;
right: -44px;
user-select: none;
width: 75px;
z-index: 1
}
.framer-18IrR .framer-utjniz-container {
flex: none;
height: 19px;
left: calc(50.66666666666669% - 18px / 2);
position: absolute;
top: 0;
width: 18px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-18IrR.framer-1hf6js8 {
gap: 0px
}
.framer-18IrR.framer-1hf6js8>* {
margin: 0
}
.framer-18IrR.framer-1hf6js8>:first-child {
margin-top: 0
}
.framer-18IrR.framer-1hf6js8>:last-child {
margin-bottom: 0
}
}
.framer-18IrR.framer-v-1hf6js8.hover .framer-1usbth7 {
order: 0
}
.framer-18IrR.framer-v-1hf6js8.hover .framer-1fg5qxd {
order: 1
}
.framer-AB4kC[data-border=true]:after,
.framer-AB4kC [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-AB4kC.framer-5nf6nw,
.framer-AB4kC .framer-5nf6nw {
display: block
}
.framer-AB4kC.framer-1ybwjqp {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 954px
}
.framer-AB4kC .framer-gw6ngl {
flex: none;
height: 1px;
position: relative;
width: 100%
}
.framer-AB4kC .framer-y2waen {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: hidden;
padding: 40px 0;
position: relative;
width: 100%
}
.framer-AB4kC .framer-mt2kvm {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
gap: 8px;
height: min-content;
justify-content: flex-start;
overflow: hidden;
padding: 0;
position: relative;
width: 1px
}
.framer-AB4kC .framer-1ow8uiv,
.framer-AB4kC .framer-q484et,
.framer-AB4kC .framer-n3bjjf {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-AB4kC.framer-1ybwjqp,
.framer-AB4kC .framer-mt2kvm {
gap: 0px
}
.framer-AB4kC.framer-1ybwjqp>* {
margin: 5px 0
}
.framer-AB4kC.framer-1ybwjqp>:first-child,
.framer-AB4kC .framer-mt2kvm>:first-child {
margin-top: 0
}
.framer-AB4kC.framer-1ybwjqp>:last-child,
.framer-AB4kC .framer-mt2kvm>:last-child {
margin-bottom: 0
}
.framer-AB4kC .framer-mt2kvm>* {
margin: 4px 0
}
}
.framer-AB4kC.framer-v-1xv9zkw.framer-1ybwjqp {
cursor: unset
}
.framer-AB4kC.framer-v-1xv9zkw .framer-y2waen {
flex-direction: column;
gap: 10px;
justify-content: flex-start
}
.framer-AB4kC.framer-v-1xv9zkw .framer-mt2kvm {
flex: none;
order: 1;
width: min-content
}
.framer-AB4kC.framer-v-1xv9zkw .framer-n3bjjf {
order: 0
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-AB4kC.framer-v-1xv9zkw .framer-y2waen {
gap: 0px
}
.framer-AB4kC.framer-v-1xv9zkw .framer-y2waen>* {
margin: 5px 0
}
.framer-AB4kC.framer-v-1xv9zkw .framer-y2waen>:first-child {
margin-top: 0
}
.framer-AB4kC.framer-v-1xv9zkw .framer-y2waen>:last-child {
margin-bottom: 0
}
}
.framer-XawD4[data-border=true]:after,
.framer-XawD4 [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-XawD4.framer-1ag38uu,
.framer-XawD4 .framer-1ag38uu {
display: block
}
.framer-XawD4.framer-13f9pr9 {
align-content: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 16px;
height: 44px;
justify-content: center;
overflow: hidden;
padding: 0 58px 0 24px;
position: relative;
text-decoration: none;
width: min-content;
will-change: var(--framer-will-change-override, transform)
}
.framer-XawD4 .framer-1w33j9e {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 40px;
justify-content: flex-end;
overflow: hidden;
padding: 0 12px 0 0;
position: absolute;
right: 2px;
top: calc(50.00000000000002% - 40px / 2);
width: 40px;
will-change: var(--framer-will-change-override, transform)
}
.framer-XawD4 .framer-yzzfsu {
flex: none;
height: 16px;
overflow: hidden;
position: relative;
width: 16px
}
.framer-XawD4 .framer-1qwoz9a-container {
aspect-ratio: 1 / 1;
flex: none;
height: var(--framer-aspect-ratio-supported, 16px);
left: 50%;
position: absolute;
top: 50%;
width: 16px
}
.framer-XawD4 .framer-1t7xw3n-container {
aspect-ratio: 1 / 1;
bottom: 0;
flex: none;
left: -16px;
position: absolute;
top: 0;
width: var(--framer-aspect-ratio-supported, 16px)
}
.framer-XawD4 .framer-58vyo5 {
-webkit-user-select: none;
flex: none;
height: auto;
position: relative;
user-select: none;
white-space: pre;
width: auto;
z-index: 1
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-XawD4.framer-13f9pr9,
.framer-XawD4 .framer-1w33j9e {
gap: 0px
}
.framer-XawD4.framer-13f9pr9>* {
margin: 0 8px
}
.framer-XawD4.framer-13f9pr9>:first-child,
.framer-XawD4 .framer-1w33j9e>:first-child {
margin-left: 0
}
.framer-XawD4.framer-13f9pr9>:last-child,
.framer-XawD4 .framer-1w33j9e>:last-child {
margin-right: 0
}
.framer-XawD4 .framer-1w33j9e>* {
margin: 0 5px
}
}
.framer-XawD4.framer-v-13f9pr9.hover .framer-1w33j9e {
left: 2px;
width: unset
}
.framer-XawD4.framer-v-13f9pr9.hover .framer-1qwoz9a-container {
bottom: 0;
height: unset;
left: unset;
right: -16px;
top: 0;
width: var(--framer-aspect-ratio-supported, 16px)
}
.framer-XawD4.framer-v-13f9pr9.hover .framer-1t7xw3n-container {
left: 0
}
.framer-kg6sr.framer-19b4jvi,
.framer-kg6sr .framer-19b4jvi {
display: block
}
.framer-kg6sr.framer-1r6clgh {
align-content: center;
align-items: center;
cursor: default;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: auto;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 592px;
will-change: var(--framer-will-change-override, transform)
}
.framer-kg6sr .framer-1clb9pc {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 106px;
justify-content: center;
padding: 24px;
position: relative;
width: 100%
}
.framer-kg6sr .framer-idi2hf {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
height: 100%;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-kg6sr .framer-lnkeen {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
height: min-content;
justify-content: space-between;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-kg6sr .framer-13tl92z {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
height: 58px;
justify-content: space-between;
overflow: visible;
padding: 0;
position: relative;
width: min-content;
z-index: 5
}
.framer-kg6sr .framer-vh8ew3 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 15px;
height: 58px;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-kg6sr .framer-1o47022 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 56px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 56px
}
.framer-kg6sr .framer-1mn7tws-container {
flex: none;
height: 58px;
position: relative;
width: 58px
}
.framer-kg6sr .framer-1hugk7j,
.framer-kg6sr .framer-y40xjo {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-kg6sr .framer-cdmhs2 {
flex: none;
height: 740px;
left: calc(9.062500000000021% - 740px / 2);
overflow: visible;
position: absolute;
top: calc(50.00000000000002% - 740px / 2);
width: 740px;
z-index: 2
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-kg6sr.framer-1r6clgh,
.framer-kg6sr .framer-1clb9pc,
.framer-kg6sr .framer-idi2hf,
.framer-kg6sr .framer-vh8ew3,
.framer-kg6sr .framer-1o47022 {
gap: 0px
}
.framer-kg6sr.framer-1r6clgh>*,
.framer-kg6sr .framer-1clb9pc>* {
margin: 0
}
.framer-kg6sr.framer-1r6clgh>:first-child,
.framer-kg6sr .framer-1clb9pc>:first-child,
.framer-kg6sr .framer-idi2hf>:first-child {
margin-top: 0
}
.framer-kg6sr.framer-1r6clgh>:last-child,
.framer-kg6sr .framer-1clb9pc>:last-child,
.framer-kg6sr .framer-idi2hf>:last-child {
margin-bottom: 0
}
.framer-kg6sr .framer-idi2hf>* {
margin: 8px 0
}
.framer-kg6sr .framer-vh8ew3>* {
margin: 0 7.5px
}
.framer-kg6sr .framer-vh8ew3>:first-child,
.framer-kg6sr .framer-1o47022>:first-child {
margin-left: 0
}
.framer-kg6sr .framer-vh8ew3>:last-child,
.framer-kg6sr .framer-1o47022>:last-child {
margin-right: 0
}
.framer-kg6sr .framer-1o47022>* {
margin: 0 5px
}
}
.framer-kg6sr.framer-v-1skeyd.framer-1r6clgh {
height: 222px;
justify-content: flex-start
}
.framer-kg6sr.framer-v-1skeyd .framer-1clb9pc,
.framer-kg6sr.framer-v-1skeyd .framer-idi2hf,
.framer-kg6sr.framer-v-vjm83v .framer-idi2hf {
flex: 1 0 0px;
height: 1px
}
.framer-kg6sr.framer-v-1skeyd .framer-lnkeen,
.framer-kg6sr.framer-v-vjm83v .framer-lnkeen {
align-content: flex-start;
align-items: flex-start;
flex: 1 0 0px;
height: 1px
}
.framer-kg6sr.framer-v-1skeyd .framer-13tl92z {
gap: 0px;
height: 100%;
justify-content: flex-start
}
.framer-kg6sr.framer-v-1skeyd .framer-vh8ew3 {
align-content: flex-start;
align-items: flex-start;
flex: 1 0 0px;
flex-direction: column;
gap: unset;
height: 1px;
justify-content: space-between
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-kg6sr.framer-v-1skeyd .framer-13tl92z,
.framer-kg6sr.framer-v-1skeyd .framer-vh8ew3 {
gap: 0px
}
.framer-kg6sr.framer-v-1skeyd .framer-13tl92z>* {
margin: 0
}
.framer-kg6sr.framer-v-1skeyd .framer-13tl92z>:first-child {
margin-top: 0
}
.framer-kg6sr.framer-v-1skeyd .framer-13tl92z>:last-child {
margin-bottom: 0
}
.framer-kg6sr.framer-v-1skeyd .framer-vh8ew3>*,
.framer-kg6sr.framer-v-1skeyd .framer-vh8ew3>:first-child,
.framer-kg6sr.framer-v-1skeyd .framer-vh8ew3>:last-child {
margin: 0
}
}
.framer-kg6sr.framer-v-vjm83v.framer-1r6clgh {
justify-content: flex-start;
width: 370px
}
.framer-kg6sr.framer-v-vjm83v .framer-1clb9pc {
height: 240px
}
.framer-kg6sr.framer-v-vjm83v .framer-13tl92z {
flex: 1 0 0px;
gap: 0px;
height: 100%;
justify-content: flex-start;
width: 1px
}
.framer-kg6sr.framer-v-vjm83v .framer-vh8ew3 {
align-content: flex-start;
align-items: flex-start;
flex: 1 0 0px;
flex-direction: column;
gap: unset;
height: 1px;
justify-content: space-between;
width: 100%
}
.framer-kg6sr.framer-v-vjm83v .framer-1hugk7j {
white-space: pre-wrap;
width: 100%;
word-break: break-word;
word-wrap: break-word
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-kg6sr.framer-v-vjm83v .framer-13tl92z,
.framer-kg6sr.framer-v-vjm83v .framer-vh8ew3 {
gap: 0px
}
.framer-kg6sr.framer-v-vjm83v .framer-13tl92z>* {
margin: 0
}
.framer-kg6sr.framer-v-vjm83v .framer-13tl92z>:first-child {
margin-top: 0
}
.framer-kg6sr.framer-v-vjm83v .framer-13tl92z>:last-child {
margin-bottom: 0
}
.framer-kg6sr.framer-v-vjm83v .framer-vh8ew3>*,
.framer-kg6sr.framer-v-vjm83v .framer-vh8ew3>:first-child,
.framer-kg6sr.framer-v-vjm83v .framer-vh8ew3>:last-child {
margin: 0
}
}
.framer-kg6sr.framer-v-1r6clgh.hover .framer-cdmhs2 {
height: 522px;
left: calc(9.062500000000021% - 522px / 2);
top: calc(49.681528662420405% - 522px / 2);
width: 522px
}
.framer-kg6sr[data-border=true]:after,
.framer-kg6sr [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-ygLIp[data-border=true]:after,
.framer-ygLIp [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-ygLIp.framer-1dk8nj,
.framer-ygLIp .framer-1dk8nj {
display: block
}
.framer-ygLIp.framer-1ps8kq4 {
height: 58px;
overflow: hidden;
position: relative;
width: 58px
}
.framer-ygLIp .framer-13k2iww {
flex: none;
height: 58px;
left: calc(50.00000000000002% - 58px / 2);
position: absolute;
top: calc(50.00000000000002% - 58px / 2);
width: 58px
}
.framer-ygLIp .framer-1fqchm5,
.framer-ygLIp .framer-1pgwes3,
.framer-ygLIp .framer-1kloybn,
.framer-ygLIp .framer-1t4giyq {
flex: none;
height: 58px;
left: 0;
position: absolute;
top: 0;
width: 58px
}
.framer-ygLIp .framer-cvaugi {
flex: none;
height: 59px;
left: 0;
position: absolute;
top: 0;
width: 58px
}
.framer-ygLIp.framer-v-ellj4g.framer-1ps8kq4,
.framer-ygLIp.framer-v-19xfxry.framer-1ps8kq4,
.framer-ygLIp.framer-v-1sxme2b.framer-1ps8kq4,
.framer-ygLIp.framer-v-w28aza.framer-1ps8kq4,
.framer-ygLIp.framer-v-1nisqgz.framer-1ps8kq4 {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 58px)
}
.framer-bEGwf.framer-1frzbo7,
.framer-bEGwf .framer-1frzbo7 {
display: block
}
.framer-bEGwf.framer-11zw7p6 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 183px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 1348px
}
.framer-bEGwf .framer-14dt3rh-container,
.framer-bEGwf .framer-18rjra6-container,
.framer-bEGwf .framer-5sr07o-container,
.framer-bEGwf .framer-mcwu75-container,
.framer-bEGwf .framer-pf33mo-container {
flex: 1 0 0px;
height: 100%;
position: relative;
width: 1px
}
.framer-bEGwf .framer-1nmu6bj {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: auto;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: auto
}
.framer-bEGwf .framer-13ui28b {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 200px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-bEGwf .framer-hx2nd6,
.framer-bEGwf .framer-bqyhj4,
.framer-bEGwf .framer-segnfi,
.framer-bEGwf .framer-1721j3f {
flex: none;
height: 200px;
position: relative;
width: 1px
}
.framer-bEGwf .framer-1525zr,
.framer-bEGwf .framer-1n9knv4,
.framer-bEGwf .framer-18g53i3,
.framer-bEGwf .framer-pt0b9m {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 100%;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 324px;
z-index: 3
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-bEGwf.framer-11zw7p6,
.framer-bEGwf .framer-1nmu6bj,
.framer-bEGwf .framer-13ui28b,
.framer-bEGwf .framer-1525zr,
.framer-bEGwf .framer-1n9knv4,
.framer-bEGwf .framer-18g53i3,
.framer-bEGwf .framer-pt0b9m {
gap: 0px
}
.framer-bEGwf.framer-11zw7p6>*,
.framer-bEGwf .framer-1525zr>*,
.framer-bEGwf .framer-1n9knv4>*,
.framer-bEGwf .framer-18g53i3>*,
.framer-bEGwf .framer-pt0b9m>* {
margin: 0 5px
}
.framer-bEGwf.framer-11zw7p6>:first-child,
.framer-bEGwf .framer-1nmu6bj>:first-child,
.framer-bEGwf .framer-13ui28b>:first-child,
.framer-bEGwf .framer-1525zr>:first-child,
.framer-bEGwf .framer-1n9knv4>:first-child,
.framer-bEGwf .framer-18g53i3>:first-child,
.framer-bEGwf .framer-pt0b9m>:first-child {
margin-left: 0
}
.framer-bEGwf.framer-11zw7p6>:last-child,
.framer-bEGwf .framer-1nmu6bj>:last-child,
.framer-bEGwf .framer-13ui28b>:last-child,
.framer-bEGwf .framer-1525zr>:last-child,
.framer-bEGwf .framer-1n9knv4>:last-child,
.framer-bEGwf .framer-18g53i3>:last-child,
.framer-bEGwf .framer-pt0b9m>:last-child {
margin-right: 0
}
.framer-bEGwf .framer-1nmu6bj>*,
.framer-bEGwf .framer-13ui28b>* {
margin: 0
}
}
.framer-6aFWU[data-border=true]:after,
.framer-6aFWU [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-6aFWU.framer-17rpcf4,
.framer-6aFWU .framer-17rpcf4 {
display: block
}
.framer-6aFWU.framer-3fkn2y {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 183px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 1348px
}
.framer-6aFWU .framer-1flc8pv-container,
.framer-6aFWU .framer-14tm4ru-container,
.framer-6aFWU .framer-193hy9i-container,
.framer-6aFWU .framer-ughw0e-container,
.framer-6aFWU .framer-abz6u-container {
flex: 1 0 0px;
height: 100%;
position: relative;
width: 1px
}
.framer-6aFWU .framer-bkm5y9 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: auto;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: auto
}
.framer-6aFWU .framer-1e7evc9 {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: 200px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-6aFWU .framer-1yjrf4k,
.framer-6aFWU .framer-33hxp6,
.framer-6aFWU .framer-18y314j,
.framer-6aFWU .framer-hdb97n {
flex: none;
height: 200px;
overflow: visible;
position: relative;
width: 1px;
z-index: 9
}
.framer-6aFWU .framer-1j7cqpg,
.framer-6aFWU .framer-1ibfl42,
.framer-6aFWU .framer-1lzpvs9,
.framer-6aFWU .framer-1ir5yzl {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 100%;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 324px;
z-index: 3
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-6aFWU.framer-3fkn2y,
.framer-6aFWU .framer-bkm5y9,
.framer-6aFWU .framer-1e7evc9,
.framer-6aFWU .framer-1j7cqpg,
.framer-6aFWU .framer-1ibfl42,
.framer-6aFWU .framer-1lzpvs9,
.framer-6aFWU .framer-1ir5yzl {
gap: 0px
}
.framer-6aFWU.framer-3fkn2y>*,
.framer-6aFWU .framer-1j7cqpg>*,
.framer-6aFWU .framer-1ibfl42>*,
.framer-6aFWU .framer-1lzpvs9>*,
.framer-6aFWU .framer-1ir5yzl>* {
margin: 0 5px
}
.framer-6aFWU.framer-3fkn2y>:first-child,
.framer-6aFWU .framer-bkm5y9>:first-child,
.framer-6aFWU .framer-1e7evc9>:first-child,
.framer-6aFWU .framer-1j7cqpg>:first-child,
.framer-6aFWU .framer-1ibfl42>:first-child,
.framer-6aFWU .framer-1lzpvs9>:first-child,
.framer-6aFWU .framer-1ir5yzl>:first-child {
margin-left: 0
}
.framer-6aFWU.framer-3fkn2y>:last-child,
.framer-6aFWU .framer-bkm5y9>:last-child,
.framer-6aFWU .framer-1e7evc9>:last-child,
.framer-6aFWU .framer-1j7cqpg>:last-child,
.framer-6aFWU .framer-1ibfl42>:last-child,
.framer-6aFWU .framer-1lzpvs9>:last-child,
.framer-6aFWU .framer-1ir5yzl>:last-child {
margin-right: 0
}
.framer-6aFWU .framer-bkm5y9>*,
.framer-6aFWU .framer-1e7evc9>* {
margin: 0
}
}
.framer-6YTkA[data-border=true]:after,
.framer-6YTkA [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-6YTkA.framer-11fd3y8,
.framer-6YTkA .framer-11fd3y8 {
display: block
}
.framer-6YTkA.framer-ghv4qy {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: min-content
}
.framer-6YTkA .framer-ngnd92-container {
flex: none;
height: 160px;
position: relative;
width: 782px
}
.framer-6YTkA .framer-1cg3j0g {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: min-content
}
.framer-6YTkA .framer-ueog10,
.framer-6YTkA .framer-16kw843,
.framer-6YTkA .framer-1cmo5hi,
.framer-6YTkA .framer-jbrtmu {
align-self: stretch;
flex: none;
height: auto;
overflow: visible;
position: relative;
width: 1px;
z-index: 9
}
.framer-6YTkA .framer-evvb66,
.framer-6YTkA .framer-hwqp8w,
.framer-6YTkA .framer-kr0lil,
.framer-6YTkA .framer-wc0ahs {
align-content: center;
align-items: center;
aspect-ratio: 1.62 / 1;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: var(--framer-aspect-ratio-supported, 160px);
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 259px;
z-index: 3
}
.framer-6YTkA .framer-fw66dd-container,
.framer-6YTkA .framer-b1e457-container,
.framer-6YTkA .framer-ojm6ma-container,
.framer-6YTkA .framer-r675e5-container {
flex: 1 0 0px;
height: 100%;
position: relative;
width: 1px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-6YTkA.framer-ghv4qy,
.framer-6YTkA .framer-1cg3j0g,
.framer-6YTkA .framer-evvb66,
.framer-6YTkA .framer-hwqp8w,
.framer-6YTkA .framer-kr0lil,
.framer-6YTkA .framer-wc0ahs {
gap: 0px
}
.framer-6YTkA.framer-ghv4qy>*,
.framer-6YTkA .framer-evvb66>*,
.framer-6YTkA .framer-hwqp8w>*,
.framer-6YTkA .framer-kr0lil>*,
.framer-6YTkA .framer-wc0ahs>* {
margin: 0 5px
}
.framer-6YTkA.framer-ghv4qy>:first-child,
.framer-6YTkA .framer-1cg3j0g>:first-child,
.framer-6YTkA .framer-evvb66>:first-child,
.framer-6YTkA .framer-hwqp8w>:first-child,
.framer-6YTkA .framer-kr0lil>:first-child,
.framer-6YTkA .framer-wc0ahs>:first-child {
margin-left: 0
}
.framer-6YTkA.framer-ghv4qy>:last-child,
.framer-6YTkA .framer-1cg3j0g>:last-child,
.framer-6YTkA .framer-evvb66>:last-child,
.framer-6YTkA .framer-hwqp8w>:last-child,
.framer-6YTkA .framer-kr0lil>:last-child,
.framer-6YTkA .framer-wc0ahs>:last-child {
margin-right: 0
}
.framer-6YTkA .framer-1cg3j0g>* {
margin: 0
}
}
.framer-cvCjx[data-border=true]:after,
.framer-cvCjx [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-cvCjx.framer-nsqtaq,
.framer-cvCjx .framer-nsqtaq {
display: block
}
.framer-cvCjx.framer-djqk2z {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: 160px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: min-content
}
.framer-cvCjx .framer-1ekoz7m-container {
flex: none;
height: 160px;
position: relative;
width: 782px
}
.framer-cvCjx .framer-1l9wq21 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: min-content
}
.framer-cvCjx .framer-4nv9kf,
.framer-cvCjx .framer-bwwew7,
.framer-cvCjx .framer-1h5psg,
.framer-cvCjx .framer-pthehi {
align-self: stretch;
flex: none;
height: auto;
overflow: visible;
position: relative;
width: 1px;
z-index: 9
}
.framer-cvCjx .framer-1x5c6ds,
.framer-cvCjx .framer-8hkw0c,
.framer-cvCjx .framer-522p3x,
.framer-cvCjx .framer-1cuu9dj {
align-content: center;
align-items: center;
aspect-ratio: 1.62 / 1;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: var(--framer-aspect-ratio-supported, 160px);
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 259px;
z-index: 3
}
.framer-cvCjx .framer-17evr8v-container,
.framer-cvCjx .framer-1jlcpn6-container,
.framer-cvCjx .framer-uzonw9-container,
.framer-cvCjx .framer-1rvz1hb-container {
flex: 1 0 0px;
height: 100%;
position: relative;
width: 1px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-cvCjx.framer-djqk2z,
.framer-cvCjx .framer-1l9wq21,
.framer-cvCjx .framer-1x5c6ds,
.framer-cvCjx .framer-8hkw0c,
.framer-cvCjx .framer-522p3x,
.framer-cvCjx .framer-1cuu9dj {
gap: 0px
}
.framer-cvCjx.framer-djqk2z>*,
.framer-cvCjx .framer-1x5c6ds>*,
.framer-cvCjx .framer-8hkw0c>*,
.framer-cvCjx .framer-522p3x>*,
.framer-cvCjx .framer-1cuu9dj>* {
margin: 0 5px
}
.framer-cvCjx.framer-djqk2z>:first-child,
.framer-cvCjx .framer-1l9wq21>:first-child,
.framer-cvCjx .framer-1x5c6ds>:first-child,
.framer-cvCjx .framer-8hkw0c>:first-child,
.framer-cvCjx .framer-522p3x>:first-child,
.framer-cvCjx .framer-1cuu9dj>:first-child {
margin-left: 0
}
.framer-cvCjx.framer-djqk2z>:last-child,
.framer-cvCjx .framer-1l9wq21>:last-child,
.framer-cvCjx .framer-1x5c6ds>:last-child,
.framer-cvCjx .framer-8hkw0c>:last-child,
.framer-cvCjx .framer-522p3x>:last-child,
.framer-cvCjx .framer-1cuu9dj>:last-child {
margin-right: 0
}
.framer-cvCjx .framer-1l9wq21>* {
margin: 0
}
}
.framer-v3U5S[data-border=true]:after,
.framer-v3U5S [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-v3U5S.framer-fyu8yf,
.framer-v3U5S .framer-fyu8yf {
display: block
}
.framer-v3U5S.framer-6rrhb9 {
align-content: center;
align-items: center;
cursor: default;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 182px;
justify-content: center;
overflow: hidden;
padding: 0;
position: relative;
width: 242px
}
.framer-v3U5S .framer-1lzlyq1 {
flex: none;
height: 482px;
left: calc(50.00000000000002% - 482px / 2);
overflow: visible;
position: absolute;
top: calc(50.00000000000002% - 482px / 2);
width: 482px;
z-index: 2
}
.framer-v3U5S .framer-woz73n {
flex: none;
height: 64%;
left: calc(50.00000000000002% - 71.69421487603306% / 2);
overflow: visible;
position: absolute;
top: calc(46.236559139784966% - 63.73626373626373% / 2);
width: 72%
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-v3U5S.framer-6rrhb9 {
gap: 0px
}
.framer-v3U5S.framer-6rrhb9>* {
margin: 0
}
.framer-v3U5S.framer-6rrhb9>:first-child {
margin-top: 0
}
.framer-v3U5S.framer-6rrhb9>:last-child {
margin-bottom: 0
}
}
.framer-v3U5S.framer-v-16sypac.framer-6rrhb9 {
height: 106px;
width: 140px
}
.ssr-variant {
display: contents
}
.framer-tYtoj[data-border=true]:after,
.framer-tYtoj [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
.framer-tYtoj.framer-fwxw16,
.framer-tYtoj .framer-fwxw16 {
display: block
}
.framer-tYtoj.framer-qx6ub6 {
align-content: center;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: 282px;
justify-content: flex-start;
padding: 0 0 8px;
position: relative;
width: 675px
}
.framer-tYtoj .framer-xoo4os {
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: 100%
}
.framer-tYtoj .framer-10ehu7d {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
height: 1px;
justify-content: space-between;
overflow: hidden;
padding: 16px 0 0;
position: relative;
width: 100%
}
.framer-tYtoj .framer-8c6ayr {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0 0 0 16px;
position: relative;
width: min-content
}
.framer-tYtoj .framer-a8hqt3 {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-tYtoj .framer-1uvgo36 {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-end;
overflow: visible;
padding: 0;
position: relative;
width: 100%
}
.framer-tYtoj .framer-14ytlz7 {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 183px
}
.framer-tYtoj .framer-1khd2y6-container,
.framer-tYtoj .framer-brk9ru-container,
.framer-tYtoj .framer-69nh5j-container,
.framer-tYtoj .framer-13n6b92-container {
flex: none;
height: auto;
position: relative;
width: auto
}
.framer-tYtoj .framer-o4w89s {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 166px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-tYtoj.framer-qx6ub6,
.framer-tYtoj .framer-8c6ayr,
.framer-tYtoj .framer-1uvgo36,
.framer-tYtoj .framer-14ytlz7,
.framer-tYtoj .framer-o4w89s {
gap: 0px
}
.framer-tYtoj.framer-qx6ub6>*,
.framer-tYtoj .framer-1uvgo36>*,
.framer-tYtoj .framer-14ytlz7>*,
.framer-tYtoj .framer-o4w89s>* {
margin: 0
}
.framer-tYtoj.framer-qx6ub6>:first-child,
.framer-tYtoj .framer-1uvgo36>:first-child,
.framer-tYtoj .framer-14ytlz7>:first-child,
.framer-tYtoj .framer-o4w89s>:first-child {
margin-top: 0
}
.framer-tYtoj.framer-qx6ub6>:last-child,
.framer-tYtoj .framer-1uvgo36>:last-child,
.framer-tYtoj .framer-14ytlz7>:last-child,
.framer-tYtoj .framer-o4w89s>:last-child {
margin-bottom: 0
}
.framer-tYtoj .framer-8c6ayr>* {
margin: 0 5px
}
.framer-tYtoj .framer-8c6ayr>:first-child {
margin-left: 0
}
.framer-tYtoj .framer-8c6ayr>:last-child {
margin-right: 0
}
}
.framer-tYtoj.framer-v-1nwey62.framer-qx6ub6 {
height: min-content;
justify-content: center
}
.framer-tYtoj.framer-v-1nwey62 .framer-10ehu7d {
flex: none;
gap: 24px;
height: min-content;
justify-content: center
}
.framer-tYtoj.framer-v-1nwey62 .framer-1uvgo36 {
flex-direction: row;
gap: 72px
}
.framer-tYtoj.framer-v-1nwey62 .framer-14ytlz7,
.framer-tYtoj.framer-v-ebvdpf .framer-14ytlz7 {
gap: 10px
}
.framer-tYtoj.framer-v-1nwey62 .framer-o4w89s {
gap: 10px;
width: 166px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-tYtoj.framer-v-1nwey62 .framer-10ehu7d,
.framer-tYtoj.framer-v-1nwey62 .framer-1uvgo36,
.framer-tYtoj.framer-v-1nwey62 .framer-14ytlz7,
.framer-tYtoj.framer-v-1nwey62 .framer-o4w89s {
gap: 0px
}
.framer-tYtoj.framer-v-1nwey62 .framer-10ehu7d>* {
margin: 12px 0
}
.framer-tYtoj.framer-v-1nwey62 .framer-10ehu7d>:first-child,
.framer-tYtoj.framer-v-1nwey62 .framer-14ytlz7>:first-child,
.framer-tYtoj.framer-v-1nwey62 .framer-o4w89s>:first-child {
margin-top: 0
}
.framer-tYtoj.framer-v-1nwey62 .framer-10ehu7d>:last-child,
.framer-tYtoj.framer-v-1nwey62 .framer-14ytlz7>:last-child,
.framer-tYtoj.framer-v-1nwey62 .framer-o4w89s>:last-child {
margin-bottom: 0
}
.framer-tYtoj.framer-v-1nwey62 .framer-1uvgo36>* {
margin: 0 36px
}
.framer-tYtoj.framer-v-1nwey62 .framer-1uvgo36>:first-child {
margin-left: 0
}
.framer-tYtoj.framer-v-1nwey62 .framer-1uvgo36>:last-child {
margin-right: 0
}
.framer-tYtoj.framer-v-1nwey62 .framer-14ytlz7>*,
.framer-tYtoj.framer-v-1nwey62 .framer-o4w89s>* {
margin: 5px 0
}
}
.framer-tYtoj.framer-v-ebvdpf.framer-qx6ub6 {
height: 159px;
justify-content: center
}
.framer-tYtoj.framer-v-ebvdpf .framer-10ehu7d {
gap: 24px;
justify-content: center
}
.framer-tYtoj.framer-v-ebvdpf .framer-1uvgo36 {
flex: 1 0 0px;
flex-direction: row;
gap: 40px;
height: 1px
}
.framer-tYtoj.framer-v-ebvdpf .framer-o4w89s {
gap: 10px;
width: min-content
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-tYtoj.framer-v-ebvdpf .framer-10ehu7d,
.framer-tYtoj.framer-v-ebvdpf .framer-1uvgo36,
.framer-tYtoj.framer-v-ebvdpf .framer-14ytlz7,
.framer-tYtoj.framer-v-ebvdpf .framer-o4w89s {
gap: 0px
}
.framer-tYtoj.framer-v-ebvdpf .framer-10ehu7d>* {
margin: 12px 0
}
.framer-tYtoj.framer-v-ebvdpf .framer-10ehu7d>:first-child,
.framer-tYtoj.framer-v-ebvdpf .framer-14ytlz7>:first-child,
.framer-tYtoj.framer-v-ebvdpf .framer-o4w89s>:first-child {
margin-top: 0
}
.framer-tYtoj.framer-v-ebvdpf .framer-10ehu7d>:last-child,
.framer-tYtoj.framer-v-ebvdpf .framer-14ytlz7>:last-child,
.framer-tYtoj.framer-v-ebvdpf .framer-o4w89s>:last-child {
margin-bottom: 0
}
.framer-tYtoj.framer-v-ebvdpf .framer-1uvgo36>* {
margin: 0 20px
}
.framer-tYtoj.framer-v-ebvdpf .framer-1uvgo36>:first-child {
margin-left: 0
}
.framer-tYtoj.framer-v-ebvdpf .framer-1uvgo36>:last-child {
margin-right: 0
}
.framer-tYtoj.framer-v-ebvdpf .framer-14ytlz7>*,
.framer-tYtoj.framer-v-ebvdpf .framer-o4w89s>* {
margin: 5px 0
}
}
.framer-tYtoj.framer-v-1m16n7l.framer-qx6ub6,
.framer-tYtoj.framer-v-ww22iq.framer-qx6ub6 {
height: 130px;
padding: 0 0 16px
}
.framer-tYtoj.framer-v-1m16n7l .framer-10ehu7d {
padding: 16px 24px 0 0
}
.framer-tYtoj.framer-v-1m16n7l .framer-o4w89s,
.framer-tYtoj.framer-v-ww22iq .framer-o4w89s {
width: 100%
}
.framer-JRGxh[data-border=true]:after,
.framer-JRGxh [data-border=true]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: inherit;
pointer-events: none
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-JRGxh.framer-18kip7c,
.framer-JRGxh .framer-18kip7c {
display: block
}
.framer-JRGxh.framer-yk87xs {
align-content: flex-end;
align-items: flex-end;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-start;
padding: 0;
position: relative;
text-decoration: none;
width: min-content
}
.framer-JRGxh .framer-iuskmm {
align-self: stretch;
flex: none;
height: 1px;
overflow: visible;
position: relative;
width: auto
}
.framer-JRGxh .framer-126kbvg {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: min-content;
justify-content: flex-end;
overflow: hidden;
padding: 8px 0;
position: relative;
width: min-content
}
.framer-JRGxh .framer-ulqsur {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-JRGxh .framer-5b2xmu {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: flex-start;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-JRGxh .framer-134qmfd {
flex: none;
height: auto;
position: relative;
white-space: pre;
width: auto;
z-index: 10
}
.framer-JRGxh .framer-91tfzv {
align-content: center;
align-items: center;
display: flex;
flex: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
height: min-content;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: min-content
}
.framer-JRGxh .framer-198rn5u-container {
aspect-ratio: 1 / 1;
flex: none;
height: var(--framer-aspect-ratio-supported, 44px);
position: relative;
width: 44px
}
@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-JRGxh.framer-yk87xs,
.framer-JRGxh .framer-126kbvg,
.framer-JRGxh .framer-ulqsur,
.framer-JRGxh .framer-5b2xmu,
.framer-JRGxh .framer-91tfzv {
gap: 0px
}
.framer-JRGxh.framer-yk87xs>*,
.framer-JRGxh .framer-126kbvg>* {
margin: 0
}
.framer-JRGxh.framer-yk87xs>:first-child,
.framer-JRGxh .framer-126kbvg>:first-child,
.framer-JRGxh .framer-5b2xmu>:first-child {
margin-top: 0
}
.framer-JRGxh.framer-yk87xs>:last-child,
.framer-JRGxh .framer-126kbvg>:last-child,
.framer-JRGxh .framer-5b2xmu>:last-child {
margin-bottom: 0
}
.framer-JRGxh .framer-ulqsur>*,
.framer-JRGxh .framer-91tfzv>* {
margin: 0 5px
}
.framer-JRGxh .framer-ulqsur>:first-child,
.framer-JRGxh .framer-91tfzv>:first-child {
margin-left: 0
}
.framer-JRGxh .framer-ulqsur>:last-child,
.framer-JRGxh .framer-91tfzv>:last-child {
margin-right: 0
}
.framer-JRGxh .framer-5b2xmu>* {
margin: 5px 0
}
}
.framer-JRGxh.framer-v-yk87xs.hover .framer-126kbvg {
width: 492px
}
/* Performance + UX Enhancements */
.deferred-section {
content-visibility: auto;
contain-intrinsic-size: 1px 1200px;
}
.deferred-section.deferred-ready {
content-visibility: visible;
}
.reveal-on-scroll {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal-on-scroll.is-visible {
opacity: 1;
transform: translateY(0);
}
.parallax-section {
will-change: transform;
transition: transform 0.1s linear;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
outline: 2px solid var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
outline-offset: 4px;
}
.nav-link-active {
position: relative;
}
.nav-link-active::after {
content: "";
position: absolute;
left: 10%;
right: 10%;
bottom: -6px;
height: 2px;
background: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
border-radius: 999px;
}
.nav-link-active .framer-text {
color: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb) !important;
}
[id="Let's Connect1"] .connect-links-block .framer-1uvgo36,
[id="Let's Connect1"] .connect-links-block .framer-14ytlz7,
[id="Let's Connect1"] .connect-links-block .framer-o4w89s,
[id="Let's Connect1"] .connect-links-block .framer-ulqsur {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px;
width: 100% !important;
}
[id="Let's Connect1"] .connect-links-block .framer-JRGxh {
display: block !important;
width: 100% !important;
max-width: 260px;
justify-content: center !important;
}
[id="Let's Connect1"] .connect-links-block .framer-126kbvg {
align-items: center;
text-align: center;
}
[id="Let's Connect1"] .connect-links-block .framer-10ehu7d {
overflow: visible !important;
}
[id="Let's Connect1"] .connect-links-block .framer-o4w89s {
align-items: center !important;
}
/* Anchor offsets for smooth scrolling (avoid title hiding under nav) */
[id="Let's Connect1"] {
scroll-margin-top: 120px;
}
/* Variable Proximity (Hero Title) */
.variable-proximity {
--framer-font-family: "Roboto Flex", sans-serif !important;
font-family: "Roboto Flex", sans-serif !important;
font-variation-settings: 'wght' 400, 'opsz' 9;
position: relative;
}
.variable-proximity-animated {
display: inline;
}
.vp-word {
display: inline-block;
white-space: nowrap;
}
.vp-letter {
display: inline-block;
will-change: font-variation-settings;
}
.vp-space {
display: inline-block;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.scroll-top,
.sticky-cta {
position: fixed;
z-index: 9998;
font-family: Poppins, sans-serif;
}
.scroll-top {
bottom: 28px;
right: 28px;
--size: 48px;
--ring: 2px;
--scroll-progress: 0%;
width: var(--size);
height: var(--size);
border-radius: 999px;
border: none;
padding: 0;
background: transparent;
color: #f5f5f5;
cursor: pointer;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.35));
}
.scroll-top::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: var(--ring);
background: conic-gradient(
from 180deg,
rgba(235, 235, 235, 0.92) var(--scroll-progress),
rgba(235, 235, 235, 0.18) 0
);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0.9;
pointer-events: none;
}
.scroll-top::after {
content: "";
position: absolute;
inset: var(--ring);
border-radius: inherit;
background: radial-gradient(
120% 120% at 20% 15%,
rgba(255, 255, 255, 0.22) 0%,
rgba(255, 255, 255, 0.06) 40%,
rgba(255, 255, 255, 0) 70%
),
rgba(26, 24, 26, 0.86);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.12);
pointer-events: none;
}
.scroll-top-icon {
position: absolute;
inset: 0;
display: grid;
place-items: center;
pointer-events: none;
}
.scroll-top-icon::before {
content: "";
width: 10px;
height: 10px;
border-left: 2px solid rgba(235, 235, 235, 0.95);
border-top: 2px solid rgba(235, 235, 235, 0.95);
transform: translateY(2px) rotate(45deg);
}
.scroll-top.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.scroll-top.is-visible:hover {
transform: translateY(-2px);
filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.45));
}
.scroll-top.is-visible:active {
transform: translateY(0);
filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35));
}
.sticky-cta {
bottom: 28px;
left: 28px;
padding: 10px 18px;
border-radius: 999px;
background: var(--token-026246c3-c2f6-44db-b2c9-de33fd4a2932, #ebebeb);
color: #1a181a;
font-weight: 600;
text-decoration: none;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.sticky-cta.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.skills-block {
background: #f2f2f2;
padding: 72px 6vw;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.skills-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 28px;
}
.skills-header {
display: flex;
flex-direction: column;
gap: 12px;
text-align: center;
}
.skills-eyebrow {
font-family: "IBM Plex Mono", monospace;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(26, 24, 26, 0.6);
}
.skills-title {
font-family: Poppins, sans-serif;
font-size: clamp(32px, 4vw, 48px);
margin: 0;
color: #1a181a;
}
.skills-lead {
font-family: Poppins, sans-serif;
font-size: 16px;
color: rgba(26, 24, 26, 0.7);
margin: 0;
}
.skills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px;
}
.skills-card {
padding: 18px 18px 20px;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}
.skills-card h3 {
margin: 0 0 12px;
font-family: Poppins, sans-serif;
font-size: 18px;
color: #1a181a;
}
.skills-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.skill-tag {
padding: 6px 10px;
border-radius: 999px;
font-size: 12px;
font-family: "IBM Plex Mono", monospace;
background: rgba(26, 24, 26, 0.08);
color: rgba(26, 24, 26, 0.85);
}
.skill-tag::after {
content: attr(data-level);
margin-left: 6px;
font-size: 10px;
opacity: 0.6;
}
.project-modal {
position: fixed;
inset: 0;
display: grid;
place-items: center;
padding: clamp(18px, 2.8vw, 40px);
z-index: 10000;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.project-modal.is-open {
opacity: 1;
pointer-events: auto;
}
.project-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(6px);
}
.project-modal-content {
position: relative;
max-width: 1320px;
width: min(96vw, 1320px);
height: min(92vh, 940px);
background: linear-gradient(180deg, #f8f8f8 0%, #f1f1f1 100%);
border-radius: 30px;
padding: clamp(22px, 2.8vw, 34px);
box-shadow: 0 34px 80px rgba(0, 0, 0, 0.38);
z-index: 1;
overflow-y: auto;
overflow-x: hidden;
transform: translate3d(0, 44px, 0) scale(0.96);
opacity: 0;
}
.project-modal.is-open .project-modal-content {
animation: project-modal-rise 0.46s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.project-modal-content:focus-visible {
outline: 2px solid rgba(26, 24, 26, 0.5);
outline-offset: 2px;
}
.project-modal-close {
position: absolute;
top: 14px;
right: 14px;
border: none;
background: rgba(26, 24, 26, 0.1);
color: #1a181a;
border-radius: 50%;
width: 38px;
height: 38px;
cursor: pointer;
font-size: 22px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 14;
pointer-events: auto;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.project-modal-close:hover {
background: rgba(26, 24, 26, 0.18);
}
.project-modal-layout {
min-height: 100%;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: clamp(20px, 2.6vw, 34px);
align-items: start;
}
.project-modal-context {
grid-column: span 5;
position: relative;
align-self: start;
display: grid;
gap: 16px;
min-width: 0;
padding-right: 4px;
}
.project-modal-narrative {
grid-column: span 7;
min-width: 0;
padding-right: 4px;
display: grid;
align-content: start;
gap: 12px;
position: relative;
z-index: 1;
}
.project-modal-media {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 18px;
background: rgba(26, 24, 26, 0.06);
overflow: hidden;
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.12);
border: 1px solid rgba(255, 255, 255, 0.55);
z-index: 0;
}
.project-modal-media img {
width: 100%;
height: 100%;
display: block;
position: relative;
object-fit: cover;
object-position: center;
}
.project-modal-context h3 {
margin: 0;
font-size: clamp(30px, 3.1vw, 46px);
color: #111111;
font-family: Poppins, sans-serif;
letter-spacing: -0.02em;
line-height: 1.04;
}
.project-modal-tagline {
font-size: 16px;
color: rgba(26, 24, 26, 0.7);
max-width: 58ch;
margin-top: -2px;
}
.project-overview-copy {
font-size: 14px;
line-height: 1.68;
color: rgba(26, 24, 26, 0.8);
max-width: 60ch;
}
.project-modal-context p,
.project-modal-narrative p {
margin: 0;
color: rgba(26, 24, 26, 0.75);
line-height: 1.6;
font-family: Poppins, sans-serif;
}
.project-modal-meta {
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(26, 24, 26, 0.55);
font-family: "IBM Plex Mono", monospace;
}
.project-modal-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 6px;
}
.project-modal-link {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 42px;
padding: 7px 11px;
border-radius: 16px;
border: 1.5px solid transparent;
background: linear-gradient(135deg, #ffffff 0%, #f5f5f7 100%);
color: #131116;
text-decoration: none;
font-family: "Roboto Flex", "Poppins", sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
text-transform: none;
font-weight: 640;
line-height: 1.1;
position: relative;
isolation: isolate;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 12px 24px rgba(26, 24, 26, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6);
transition: transform 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease,
box-shadow 0.24s ease;
}
.project-modal-link::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(140% 120% at 0% 0%, rgba(255, 255, 255, 0.45), transparent 58%);
opacity: 0;
transition: opacity 0.24s ease;
}
.project-modal-link-icon {
width: 30px;
height: 30px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1.5px solid rgba(19, 17, 22, 0.2);
background: rgba(19, 17, 22, 0.06);
flex-shrink: 0;
transition: transform 0.24s ease, background-color 0.24s ease, border-color 0.24s ease;
}
.project-modal-link-icon svg {
width: 16px;
height: 16px;
display: block;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
stroke-linejoin: round;
}
.project-modal-link-icon .project-icon-fill {
fill: currentColor;
stroke: none;
}
.project-modal-link-label {
line-height: 1.15;
}
.project-modal-link-primary {
background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);
color: #111827;
border-color: rgba(17, 24, 39, 0.24);
box-shadow: 0 12px 22px rgba(17, 24, 39, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.project-modal-link-primary .project-modal-link-icon {
border-color: rgba(17, 24, 39, 0.22);
background: rgba(17, 24, 39, 0.08);
}
.project-modal-link-primary:hover {
background: linear-gradient(135deg, #ffffff 0%, #eceff3 100%);
border-color: rgba(17, 24, 39, 0.36);
color: #0f172a;
box-shadow: 0 16px 28px rgba(17, 24, 39, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
.project-modal-link-secondary {
background: linear-gradient(135deg, #ffffff 0%, #eceef3 100%);
color: #121926;
border-color: rgba(18, 25, 38, 0.2);
box-shadow: 0 14px 24px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.project-modal-link-secondary .project-modal-link-icon {
border-color: rgba(18, 25, 38, 0.22);
background: rgba(18, 25, 38, 0.08);
}
.project-modal-link:hover {
transform: translateY(-3px) scale(1.01);
}
.project-modal-link:hover::before {
opacity: 1;
}
.project-modal-link:hover .project-modal-link-icon {
transform: translateY(-1px);
}
.project-modal-link-secondary:hover {
background: linear-gradient(135deg, #ffffff 0%, #f3f5f9 100%);
border-color: rgba(37, 99, 235, 0.42);
color: #0f172a;
box-shadow: 0 18px 30px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.project-github-cta {
justify-content: center;
gap: 10px;
border-radius: 10px;
border-color: #000000;
background: #000000;
color: #ffffff;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
padding: 7px 11px;
min-height: 42px;
}
.project-github-cta::before {
background: linear-gradient(105deg, rgba(255, 255, 255, 0.14), transparent 55%);
opacity: 0.4;
}
.project-github-cta-main {
display: inline-flex;
align-items: center;
gap: 7px;
min-width: 0;
}
.project-github-cta-logo {
width: 14px;
height: 14px;
fill: currentColor;
flex-shrink: 0;
}
.project-github-cta-text {
color: #ffffff;
font-family: "Roboto Flex", "Poppins", sans-serif;
font-size: 12px;
font-weight: 560;
letter-spacing: 0.01em;
white-space: nowrap;
}
.project-github-cta-rating {
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.24);
background: rgba(255, 255, 255, 0.1);
padding: 3px 6px;
line-height: 1;
white-space: nowrap;
}
.project-github-cta-star {
width: 12px;
height: 12px;
fill: #9ca3af;
transition: fill 0.3s ease;
flex-shrink: 0;
}
.project-github-cta-count {
color: #ffffff;
font-family: "Roboto Flex", "Poppins", sans-serif;
font-size: 11px;
font-weight: 620;
letter-spacing: 0.02em;
font-variant-numeric: tabular-nums;
}
.project-github-cta-glint {
position: absolute;
top: 0;
left: 100%;
width: 58px;
height: 100%;
transform: translateX(0);
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
opacity: 0.18;
pointer-events: none;
transition: transform 0.9s ease, opacity 0.45s ease;
}
.project-github-cta:hover {
background: #000000;
color: #ffffff;
border-color: #000000;
box-shadow: 0 18px 30px rgba(0, 0, 0, 0.44);
}
.project-github-cta:hover .project-github-cta-glint {
transform: translateX(-430%);
opacity: 0.32;
}
.project-github-cta:hover .project-github-cta-star {
fill: #fde047;
}
.project-github-cta:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), 0 14px 24px rgba(0, 0, 0, 0.36);
}
.project-modal-link:active {
transform: translateY(0) scale(0.99);
box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14);
}
.project-modal-link:focus-visible:not(.project-github-cta) {
outline: none;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.34), 0 12px 24px rgba(37, 99, 235, 0.22);
}
.project-modal-link[aria-hidden="true"] {
display: none;
}
.project-modal-section {
border-radius: 18px;
border: 1px solid rgba(26, 24, 26, 0.1);
background: rgba(255, 255, 255, 0.65);
padding: 20px 18px;
display: grid;
gap: 14px;
}
.project-modal-section + .project-modal-section {
margin-top: 4px;
}
.project-section-title {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
font-family: Poppins, sans-serif;
font-size: 16px;
color: #1a181a;
letter-spacing: 0.01em;
}
.project-stack-grid {
display: grid;
gap: 12px;
}
.project-stack-group {
display: grid;
gap: 10px;
border-radius: 14px;
border: 1px solid rgba(17, 24, 39, 0.1);
background: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(248, 249, 251, 0.58));
padding: 10px;
}
.project-stack-group p {
margin: 0;
font-family: "Roboto Flex", "Poppins", sans-serif;
font-size: 11px;
font-weight: 620;
letter-spacing: 0.07em;
text-transform: uppercase;
color: rgba(15, 23, 42, 0.62);
}
.project-stack-list {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.project-stack-pill {
display: inline-flex;
align-items: center;
gap: 9px;
border-radius: 12px;
padding: 5px 12px 5px 5px;
border: 1px solid rgba(15, 23, 42, 0.18);
background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(243, 244, 246, 0.78));
font-family: "Roboto Flex", "Poppins", sans-serif;
font-size: 12px;
font-weight: 580;
color: #0f172a;
line-height: 1;
box-shadow: 0 5px 12px rgba(15, 23, 42, 0.08);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.project-stack-pill:hover {
transform: translateY(-1px);
border-color: rgba(15, 23, 42, 0.3);
box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14);
}
.project-stack-label {
display: inline-block;
max-width: 176px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.project-stack-icon {
width: 32px;
height: 32px;
border-radius: 10px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.28);
background: linear-gradient(145deg, #1f2937, #111827);
color: #f8fafc;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
flex-shrink: 0;
}
.project-stack-icon::after {
content: "";
position: absolute;
inset: 1px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.16);
pointer-events: none;
}
.project-stack-icon-glyph {
display: block;
font-size: 20px;
font-family: "devicon" !important;
line-height: 1;
color: #f8fafc;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
}
.project-stack-icon-glyph::before {
color: inherit !important;
}
.project-stack-icon-fallback {
width: 18px;
height: 18px;
color: #f8fafc;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.project-context-meta-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.project-context-meta-item {
display: grid;
gap: 6px;
border: 1px solid rgba(26, 24, 26, 0.1);
border-radius: 12px;
padding: 10px;
background: rgba(26, 24, 26, 0.03);
}
.project-context-meta-item span {
font-family: "IBM Plex Mono", monospace;
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(26, 24, 26, 0.56);
}
.project-context-meta-item strong {
font-family: Poppins, sans-serif;
font-weight: 600;
font-size: 12px;
color: #1a181a;
line-height: 1.35;
}
.project-problem-quote {
margin: 0;
border-left: 4px solid rgba(26, 24, 26, 0.26);
padding-left: 14px;
color: rgba(26, 24, 26, 0.76);
font-size: 14px;
line-height: 1.72;
}
.project-section-copy {
font-size: 14px;
line-height: 1.7;
}
.project-section-copy strong {
color: #1a181a;
}
.project-challenge-grid {
display: grid;
gap: 10px;
}
.project-challenge-card {
border-radius: 12px;
padding: 12px;
border: 1px solid rgba(26, 24, 26, 0.08);
background: rgba(26, 24, 26, 0.03);
display: grid;
gap: 8px;
}
.project-challenge-title {
margin: 0;
font-size: 14px;
color: #1a181a;
font-weight: 600;
line-height: 1.45;
}
.project-challenge-line {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: rgba(26, 24, 26, 0.8);
display: grid;
gap: 3px;
}
.project-challenge-line span {
font-family: "IBM Plex Mono", monospace;
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(26, 24, 26, 0.54);
}
.project-challenge-outcome {
color: #1f7a38;
}
.project-challenge-outcome span {
color: rgba(31, 122, 56, 0.7);
}
.project-feature-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.project-feature-item {
border-radius: 12px;
border: 1px solid rgba(26, 24, 26, 0.08);
background: rgba(26, 24, 26, 0.03);
padding: 10px;
display: grid;
gap: 6px;
}
.project-feature-top {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.project-feature-icon {
width: 24px;
height: 24px;
border-radius: 8px;
border: 1px solid rgba(26, 24, 26, 0.15);
background: rgba(255, 255, 255, 0.8);
color: #1a181a;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.project-feature-icon svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.project-feature-name {
font-size: 13px;
color: #1a181a;
font-weight: 600;
line-height: 1.45;
}
.project-feature-state {
font-family: "IBM Plex Mono", monospace;
font-size: 10px;
text-transform: uppercase;
border-radius: 999px;
padding: 4px 8px;
border: 1px solid transparent;
letter-spacing: 0.08em;
white-space: nowrap;
}
.project-feature-state.is-available {
background: rgba(35, 122, 49, 0.12);
color: rgb(35, 122, 49);
border-color: rgba(35, 122, 49, 0.28);
}
.project-feature-state.is-planned {
background: rgba(158, 101, 26, 0.12);
color: rgb(158, 101, 26);
border-color: rgba(158, 101, 26, 0.28);
}
.project-feature-item p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.project-lessons-list {
margin: 0;
padding-left: 18px;
display: grid;
gap: 8px;
}
.project-lessons-list li {
font-size: 13px;
line-height: 1.6;
color: rgba(26, 24, 26, 0.82);
}
.project-modal.is-open .project-modal-media {
animation: project-modal-panel-in 0.44s cubic-bezier(0.2, 0.8, 0.2, 1) 0.08s both;
}
.project-modal.is-open .project-modal-context,
.project-modal.is-open .project-modal-narrative {
animation: project-modal-panel-in 0.44s cubic-bezier(0.2, 0.8, 0.2, 1) 0.14s both;
}
.project-modal-content,
.project-modal-context,
.project-modal-narrative {
scrollbar-width: thin;
scrollbar-color: rgba(26, 24, 26, 0.45) rgba(26, 24, 26, 0.1);
}
.project-modal-content::-webkit-scrollbar,
.project-modal-context::-webkit-scrollbar,
.project-modal-narrative::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.project-modal-content::-webkit-scrollbar-track,
.project-modal-context::-webkit-scrollbar-track,
.project-modal-narrative::-webkit-scrollbar-track {
background: rgba(26, 24, 26, 0.08);
border-radius: 999px;
}
.project-modal-content::-webkit-scrollbar-thumb,
.project-modal-context::-webkit-scrollbar-thumb,
.project-modal-narrative::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(26, 24, 26, 0.55), rgba(26, 24, 26, 0.32));
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.5);
}
body.modal-open {
overflow: hidden;
}
@keyframes project-modal-rise {
0% {
transform: translate3d(0, 44px, 0) scale(0.96);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
}
@keyframes project-modal-panel-in {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 1024px) {
.project-modal-content {
width: min(96vw, 940px);
height: auto;
max-height: 92vh;
overflow-y: auto;
}
.project-modal-layout {
grid-template-columns: 1fr;
gap: 18px;
}
.project-modal-context,
.project-modal-narrative {
grid-column: auto;
position: relative;
top: auto;
height: auto;
max-height: none;
overflow: visible;
padding-right: 0;
}
.project-feature-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 809px) {
.scroll-top {
right: 16px;
bottom: 20px;
--size: 46px;
}
.sticky-cta {
left: 16px;
bottom: 20px;
padding: 8px 14px;
}
.skills-block {
padding: 56px 6vw;
}
.project-modal {
padding: 0;
}
.project-modal-content {
width: 100%;
height: 100vh;
max-height: 100vh;
border-radius: 18px 18px 0 0;
padding: 18px 16px 24px;
overflow-y: auto;
}
.project-modal-close {
top: calc(env(safe-area-inset-top, 0px) + 10px);
right: 12px;
width: 44px;
height: 44px;
font-size: 25px;
background: rgba(26, 24, 26, 0.16);
}
.project-modal-layout {
height: auto;
gap: 16px;
}
.project-modal-context,
.project-modal-narrative {
overflow: visible;
}
.project-modal-context h3 {
font-size: 26px;
}
.project-modal-meta {
font-size: 11px;
}
.project-modal-actions {
grid-template-columns: 1fr;
}
.project-modal-link {
width: 100%;
}
.project-modal-section {
padding: 12px;
}
.project-context-meta-grid {
grid-template-columns: 1fr;
}
.project-section-title {
font-size: 15px;
}
.project-feature-top {
align-items: flex-start;
flex-direction: column;
}
#project-cards {
overflow-x: hidden;
overflow-x: clip;
}
#project-cards [data-framer-cursor="1wnvlfk"] {
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
#project-cards .framer-t6eYU.framer-8j460y {
max-width: 100%;
overflow: hidden;
}
#project-cards .framer-t6eYU .framer-2robwn {
min-width: 0;
overflow: hidden;
}
#project-cards .framer-t6eYU .framer-1tq42sr {
gap: 8px;
}
#project-cards .framer-t6eYU .framer-1oh5ehn {
gap: 6px;
}
#project-cards .framer-t6eYU .framer-1cett12 {
min-width: 0;
}
#project-cards .framer-t6eYU .framer-1mthhdm {
left: 0;
width: 100%;
max-width: 100%;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
#project-cards .framer-t6eYU .framer-1mthhdm::-webkit-scrollbar {
display: none;
}
#project-cards .framer-t6eYU .framer-ctohmg-container,
#project-cards .framer-t6eYU .framer-1u9tven-container {
flex: 0 1 46%;
max-width: 46%;
min-width: 0;
}
#project-cards .framer-EWLeY.framer-kriyhj {
max-width: 100%;
min-width: 0;
width: 100%;
}
#project-cards .framer-EWLeY .framer-irw92n {
min-width: 0;
width: 100%;
}
#project-cards .framer-EWLeY .framer-irw92n .framer-text {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11px !important;
letter-spacing: 0.04em !important;
}
#project-cards .framer-t6eYU .framer-12uadk4 {
width: 64px;
}
#project-cards .framer-t6eYU .framer-6i87hv {
width: 68px;
}
}
@media (prefers-reduced-motion: reduce) {
.project-modal,
.project-modal-content,
.project-modal-link {
transition: none;
}
.project-modal.is-open .project-modal-content,
.project-modal.is-open .project-modal-media,
.project-modal.is-open .project-modal-context,
.project-modal.is-open .project-modal-narrative {
animation: none;
}
.scroll-top {
transition: none;
}
.scroll-top.is-visible:hover,
.scroll-top.is-visible:active {
transform: none;
}
}