/* Extracted from Framer portfolio HTML - shared across all pages */
/* =====================================================================
Fonts via Google Fonts
- Bebas Neue (400)
- Inter (100-900, italic)
- Inter Display (100-900, italic) — served under 'Inter' with opsz axis
- Manrope (200-800)
===================================================================== */
/* Google Fonts are loaded via in HTML head for faster discovery */
/* Fallback placeholder fonts (match Framer metrics so layout doesn't shift) */
@font-face {
font-family: "Bebas Neue Placeholder";
src: local("Arial");
ascent-override: 125.00%;
descent-override: 0.00%;
line-gap-override: 0.00%;
size-adjust: 80.00%
}
@font-face {
font-family: "Inter Placeholder";
src: local("Arial");
ascent-override: 90.20%;
descent-override: 22.48%;
line-gap-override: 0.00%;
size-adjust: 107.03%
}
@font-face {
font-family: "Inter Variable Placeholder";
src: local("Arial");
ascent-override: 90.20%;
descent-override: 22.48%;
line-gap-override: 0.00%;
size-adjust: 107.03%
}
@font-face {
font-family: "Inter Display Placeholder";
src: local("Arial");
ascent-override: 98.56%;
descent-override: 24.54%;
line-gap-override: 0.00%;
size-adjust: 98.29%
}
@font-face {
font-family: "Manrope Placeholder";
src: local("Arial");
ascent-override: 102.74%;
descent-override: 28.91%;
line-gap-override: 0.00%;
size-adjust: 103.76%
}
@media(min-width: 1440px) {
.hidden-gz3363 {
display: none !important
}
}
@media(min-width: 1200px) and (max-width: 1439.98px) {
.hidden-gx90pv {
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
.hidden-1eeas0y {
display: none !important
}
}
@media(max-width: 809.98px) {
.hidden-mmrpe4 {
display: none !important
}
}
html,
body,
#main {
box-sizing: border-box;
margin: 0;
padding: 0
}
: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-family: sans-serif;
font-size: 12px
}
body {
--token-67cd94bd-6687-4a61-9a7d-ac66049038d3: #bf94ff;
--token-c699a425-133e-464c-81fc-9802fd905791: #1a1a1a
}
body {
--framer-will-change-override: none
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform
}
}
body {
--framer-will-change-filter-override: none
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter
}
}
[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(--framer-text-decoration-style, solid)var(--framer-text-decoration, none)var(--framer-text-decoration-color, currentcolor)var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--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);
--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-style, var(--framer-text-decoration-style, solid))var(--framer-link-text-decoration, var(--framer-text-decoration, none))var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor))var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset))
}
[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-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid)))var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor)))var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset)))
}
[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-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid)))var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor)))var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset)))
}
[data-framer-component-type=RichTextContainer] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex
}
p.framer-text,
div.framer-text,
figure.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,
mark.framer-text,
span.framer-text:not([data-text-fill]) {
font-family: var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-blockquote-font-weight, var(--framer-font-weight, 400));
color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial));
text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial));
text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial));
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
text-align: var(--framer-blockquote-text-alignment, var(--framer-text-alignment, start));
-webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
-moz-font-feature-settings: var(--framer-font-open-type-features, initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features, initial);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: var(--framer-font-variation-axes, normal);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap))
}
mark.framer-text,
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 {
background-color: var(--framer-blockquote-text-background-color, var(--framer-text-background-color, initial));
border-radius: var(--framer-blockquote-text-background-radius, var(--framer-text-background-radius, initial));
padding: var(--framer-blockquote-text-background-padding, var(--framer-text-background-padding, initial))
}
@supports not (color:color(display-p3 1 1 1)) {
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]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb, var(--framer-text-stroke-color, initial))
}
mark.framer-text {
background-color: var(--framer-blockquote-text-background-color-rgb, var(--framer-blockquote-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))
}
}
.framer-fit-text .framer-text {
white-space: nowrap;
white-space-collapse: preserve
}
strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold, var(--framer-font-family-bold));
font-style: var(--framer-blockquote-font-style-bold, var(--framer-font-style-bold));
font-weight: var(--framer-blockquote-font-weight-bold, var(--framer-font-weight-bold, bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold, var(--framer-font-variation-axes-bold))
}
em.framer-text {
font-family: var(--framer-blockquote-font-family-italic, var(--framer-font-family-italic));
font-style: var(--framer-blockquote-font-style-italic, var(--framer-font-style-italic, italic));
font-weight: var(--framer-blockquote-font-weight-italic, var(--framer-font-weight-italic));
font-variation-settings: var(--framer-blockquote-font-variation-axes-italic, var(--framer-font-variation-axes-italic))
}
em.framer-text>strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold-italic, var(--framer-font-family-bold-italic));
font-style: var(--framer-blockquote-font-style-bold-italic, var(--framer-font-style-bold-italic, italic));
font-weight: var(--framer-blockquote-font-weight-bold-italic, var(--framer-font-weight-bold-italic, bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold-italic, var(--framer-font-variation-axes-bold-italic))
}
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),
blockquote.framer-text:not(:first-child),
table.framer-text:not(:first-child),
figure.framer-text:not(:first-child),
.framer-image.framer-text:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing, 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] {
-webkit-text-fill-color: transparent;
padding: max(0em, calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em)))/2));
margin: min(0em, calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em)))/-2));
-webkit-background-clip: text;
background-clip: text;
display: inline-block
}
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-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em))
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))
}
}
blockquote.framer-text {
unicode-bidi: initial;
margin-block-start: initial;
margin-block-end: initial;
margin-inline-start: initial;
margin-inline-end: initial
}
a.framer-text,
a.framer-text span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link],
span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: inherit;
font-family: var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
cursor: var(--framer-custom-cursors, pointer);
background-color: initial;
border-radius: var(--framer-link-text-background-radius, initial);
padding: var(--framer-link-text-background-padding, initial)
}
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
background-color: var(--framer-link-text-background-color, initial)
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
}
}
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] 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-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: inherit;
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1))
}
code.framer-text a.framer-text,
code.framer-text span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
}
}
a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link]:hover,
span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family, var(--framer-blockquote-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-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px)))*var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial)));
padding: var(--framer-link-hover-text-background-padding, var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial)))
}
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
background-color: var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)))
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))))
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
}
}
a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current],
span.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)));
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)));
border-radius: var(--framer-link-current-text-background-radius, var(--framer-link-text-background-radius, initial));
padding: var(--framer-link-current-text-background-padding, var(--framer-link-text-background-padding, initial))
}
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
background-color: var(--framer-link-current-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)))
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
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]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.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: inherit;
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))
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))
}
@supports not (color:color(display-p3 1 1 1)) {
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]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))))
}
}
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]),
span.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: inherit;
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))));
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))));
border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-current-text-background-radius, var(--framer-link-text-background-radius, initial)));
padding: var(--framer-link-hover-text-background-padding, var(--framer-link-current-text-background-padding, var(--framer-link-text-background-padding, initial)))
}
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
background-color: var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color, initial)))
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))))
}
}
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover {
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)))))
}
@supports not (color:color(display-p3 1 1 1)) {
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]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))))
}
}
.framer-image.framer-text {
max-width: 100%;
height: auto;
display: block
}
.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-text-decoration-style: none;
--framer-text-decoration-color: none;
--framer-text-decoration-thickness: none;
--framer-text-decoration-skip-ink: none;
--framer-text-decoration-offset: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--framer-text-background-color: initial;
--framer-text-background-radius: initial;
--framer-text-background-padding: initial
}
ol.framer-text {
--list-style-type: decimal
}
ul.framer-text,
ol.framer-text {
padding-inline-start: 0;
position: relative
}
li.framer-text {
counter-increment: list-item;
padding-inline-start: 2ch;
list-style: none
}
ol.framer-text>li.framer-text:before {
content: counter(list-item, var(--list-style-type))".";
font-variant-numeric: tabular-nums;
position: absolute;
inset-inline-start: 0
}
ol.framer-text>li.framer-text:nth-last-child(n+10),
ol.framer-text>li.framer-text:nth-last-child(n+10)~li {
padding-inline-start: 3ch
}
ol.framer-text>li.framer-text:nth-last-child(n+100),
ol.framer-text>li.framer-text:nth-last-child(n+100)~li {
padding-inline-start: 4ch
}
ol.framer-text>li.framer-text:nth-last-child(n+1000),
ol.framer-text>li.framer-text:nth-last-child(n+1000)~li {
padding-inline-start: 5ch
}
ol.framer-text>li.framer-text:nth-last-child(n+10000),
ol.framer-text>li.framer-text:nth-last-child(n+10000)~li {
padding-inline-start: 6ch
}
ol.framer-text>li.framer-text:nth-last-child(n+100000),
ol.framer-text>li.framer-text:nth-last-child(n+100000)~li {
padding-inline-start: 7ch
}
ol.framer-text>li.framer-text:nth-last-child(n+1000000),
ol.framer-text>li.framer-text:nth-last-child(n+1000000)~li {
padding-inline-start: 8ch
}
ul.framer-text>li.framer-text:before {
content: "•";
position: absolute;
inset-inline-start: 0
}
.framer-table-wrapper {
overflow-x: auto
}
table.framer-text,
.framer-table-wrapper table.framer-text {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%
}
td.framer-text,
th.framer-text {
vertical-align: top;
min-width: 16ch
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child {
width: 100%
}
@supports not (aspect-ratio:1) {
.framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
position: relative
}
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
content: "";
padding-bottom: calc(100%/calc(var(--aspect-ratio)));
display: block
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child {
height: 100%;
position: absolute;
top: 0;
left: 0
}
}
[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;
--framer-font-open-type-features: normal;
--font-variation-settings: normal
}
[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);
-webkit-text-decoration: var(--framer-text-decoration, 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] {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block
}
[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));
-webkit-text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration, 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)));
-webkit-text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current],
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current] span:not([data-text-fill]):not([data-nested-link]) {
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)));
-webkit-text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))
}
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current]:hover,
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current]:hover span:not([data-text-fill]):not([data-nested-link]) {
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))));
-webkit-text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, 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 {
max-width: 100%;
height: auto;
display: block
}
[data-framer-component-type=DeprecatedRichText] ul,
[data-framer-component-type=DeprecatedRichText] ol {
width: 100%;
margin: 0;
padding-left: 0;
display: table
}
[data-framer-component-type=DeprecatedRichText] li {
counter-increment: list-item;
list-style: none;
display: table-row
}
[data-framer-component-type=DeprecatedRichText] ol>li:before {
box-sizing: border-box;
content: counter(list-item)".";
white-space: nowrap;
width: 2.25ch;
padding-right: .75ch;
display: table-cell
}
[data-framer-component-type=DeprecatedRichText] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: .75ch;
display: table-cell
}
: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-bottom: 0;
margin-right: 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: auto
}
[data-framer-component-type=NativeScroll].direction-vertical {
overflow: hidden auto
}
[data-framer-component-type=NativeScroll].direction-horizontal {
overflow: auto 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] {
background: 0 0;
border-width: 0;
padding: 0
}
[data-hide-scrollbars=true]::-webkit-scrollbar {
width: 0;
height: 0
}
[data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
background: 0 0
}
[data-hide-scrollbars=true] {
scrollbar-width: none
}
@supports not (overflow:clip) {
:root {
--overflow-clip-fallback: hidden
}
}
.framer-lightbox-container {
opacity: 1 !important;
pointer-events: auto !important
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
div.framer-text,
p.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,
li.framer-text,
blockquote.framer-text,
.framer-text.framer-image {
display: var(--text-truncation-display-inline-for-safari-16, revert)
}
div.framer-text:after,
p.framer-text:after,
h1.framer-text:after,
h2.framer-text:after,
h3.framer-text:after,
h4.framer-text:after,
h5.framer-text:after,
h6.framer-text:after,
ol.framer-text:after,
ul.framer-text:after,
li.framer-text:after,
blockquote.framer-text:after,
.framer-text.framer-image:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre
}
.framer-text.framer-text-module,
.framer-text.framer-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16, revert)
}
p.framer-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16, inline-block)
}
}
.framer-cursor-none,
.framer-cursor-none * {
cursor: none !important
}
.framer-pointer-events-none,
.framer-pointer-events-none * {
pointer-events: none !important
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-b3Ahd.framer-mh0f7n,
.framer-b3Ahd .framer-mh0f7n {
display: block
}
.framer-b3Ahd.framer-gz3363 {
background: linear-gradient(90deg, #0a0a0a 0%, #0f0f0f 100%);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1440px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-u7mh64-container {
opacity: .2;
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-1q0ejd7 {
--border-bottom-width: 1px;
--border-color: #fff0;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
will-change: var(--framer-will-change-effect-override, transform);
z-index: 5;
background-color: #00000040;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
height: 48px;
padding: 8px 32px 6px;
display: flex;
position: fixed;
top: 0;
left: 0%;
overflow: visible
}
.framer-b3Ahd .framer-1b8zklm,
.framer-b3Ahd .framer-147uys0,
.framer-b3Ahd .framer-1bp5mj9,
.framer-b3Ahd .framer-1a0rtlb,
.framer-b3Ahd .framer-61wezu,
.framer-b3Ahd .framer-1nie4r,
.framer-b3Ahd .framer-1w9blf9,
.framer-b3Ahd .framer-1hybrku,
.framer-b3Ahd .framer-193a5zw,
.framer-b3Ahd .framer-9ca71j,
.framer-b3Ahd .framer-1i6h195 {
white-space: pre;
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-b3Ahd .framer-amsvwb,
.framer-b3Ahd .framer-184rksa,
.framer-b3Ahd .framer-19gqf45,
.framer-b3Ahd .framer-1lyxft3,
.framer-b3Ahd .framer-nxcvo0,
.framer-b3Ahd .framer-vn47eo,
.framer-b3Ahd .framer-1n94nl,
.framer-b3Ahd .framer-1oc1m6z,
.framer-b3Ahd .framer-cs86da,
.framer-b3Ahd .framer-c7n4c2,
.framer-b3Ahd .framer-1plevhl,
.framer-b3Ahd .framer-1sfk4w5,
.framer-b3Ahd .framer-oo9a7n,
.framer-b3Ahd .framer-1u24jiw,
.framer-b3Ahd .framer-1pg69co,
.framer-b3Ahd .framer-1ye1mgz,
.framer-b3Ahd .framer-1kcelk8,
.framer-b3Ahd .framer-1ajz8nh,
.framer-b3Ahd .framer-1xikfas {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-b3Ahd .framer-1gawhue {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 16px 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-epwu4u {
--border-bottom-width: 1px;
--border-color: #ffffff08;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
will-change: var(--framer-will-change-effect-override, transform);
z-index: 5;
background-color: #ffffff05;
border-radius: 8px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: min-content;
height: 40px;
padding: 8px 32px 6px;
display: flex;
position: sticky;
top: 0;
overflow: visible
}
.framer-b3Ahd .framer-46gy3c-container,
.framer-b3Ahd .framer-wfcn8p-container,
.framer-b3Ahd .framer-onaxby-container,
.framer-b3Ahd .framer-1u116i-container,
.framer-b3Ahd .framer-gps62t-container,
.framer-b3Ahd .framer-1navf9-container {
flex: none;
width: 32px;
height: 32px;
position: relative
}
.framer-b3Ahd.framer-lv4lri {
-webkit-user-select: none;
user-select: none;
z-index: 10;
background-color: #00000080;
position: fixed;
inset: 0
}
.framer-b3Ahd.framer-192alfk {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
z-index: 10;
background-color: #0000001a;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 32px;
width: 100%;
height: 107.82vh;
padding: 16px 0 0;
display: flex;
position: fixed;
top: 0;
left: 0%;
overflow: hidden
}
.framer-b3Ahd .framer-3zxwij {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1k1r8st {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 18px 0 128px;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-10zahfx {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 360px);
flex: none;
width: 360px;
position: absolute;
top: 180px;
left: -180px;
overflow: visible
}
.framer-b3Ahd .framer-qmxlyk {
flex: none;
width: 360px;
height: 360px;
position: absolute;
top: 0;
left: 0
}
.framer-b3Ahd .framer-amj34y {
border-radius: 32px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 100%;
max-width: 640px;
height: min-content;
padding: 0 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-sj96sa {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 40px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-rzvfnv {
--border-bottom-width: 1px;
--border-color: #595959;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 134px;
flex: none;
width: 172px;
height: 172px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-17bd82n-container {
flex: none;
width: 150px;
height: 150px;
position: absolute;
top: calc(50% - 75px);
left: calc(50% - 75px)
}
.framer-b3Ahd .framer-19ww9mb {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 144px);
border-radius: 121px;
flex: none;
width: 144px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.framer-b3Ahd .framer-6crhdm {
--border-bottom-width: 1px;
--border-color: #595959;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
border-radius: 5078px;
flex: none;
gap: 0;
width: 144px;
height: 144px;
position: absolute;
top: calc(50% - 72px);
left: calc(50% - 72px);
overflow: visible
}
.framer-b3Ahd .framer-ulfoay {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-260cmc {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 12px;
width: 451px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-2tqppg-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-b3Ahd .framer-1nekgn0 {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1hiey9p {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1tbwb62 {
white-space: pre-wrap;
will-change: var(--framer-will-change-effect-override, transform);
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 420px;
height: auto;
position: relative
}
.framer-b3Ahd .framer-3bfp2f {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-mxei80-container {
flex: none;
width: auto;
height: 56px;
position: relative
}
.framer-b3Ahd .framer-uwbcln {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 360px);
flex: none;
width: 360px;
position: absolute;
top: 177px;
right: -180px;
overflow: visible
}
.framer-b3Ahd .framer-1iwf6it {
flex: none;
width: 360px;
height: 360px;
position: absolute;
top: 0;
right: 0
}
.framer-b3Ahd .framer-1jlm3fi-container {
flex: none;
width: 100%;
height: 110px;
position: relative
}
.framer-b3Ahd .framer-ja9ens {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 1600px;
height: 122px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1gccabr,
.framer-b3Ahd .framer-h72qjg,
.framer-b3Ahd .framer-at06tg,
.framer-b3Ahd .framer-19i6n2r,
.framer-b3Ahd .framer-s51522,
.framer-b3Ahd .framer-ngg5vk,
.framer-b3Ahd .framer-1ycnfrx,
.framer-b3Ahd .framer-ih8xvr,
.framer-b3Ahd .framer-k75wto,
.framer-b3Ahd .framer-109zi4e {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 80px);
flex: none;
width: 80px;
position: relative
}
.framer-b3Ahd .framer-1fl0x0q {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 128px 32px 64px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-14tpw8c {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1yyrnt8-container {
flex: none;
width: 32px;
height: 32px;
scroll-margin-top: 114px;
position: relative
}
.framer-b3Ahd .framer-165v7ef {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-evwbnu,
.framer-b3Ahd .framer-ivjdot {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 234px;
height: auto;
position: relative
}
.framer-b3Ahd .framer-8iuoiv,
.framer-b3Ahd .framer-11104d1 {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #1a1a1a);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 32px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 800px;
height: 470px;
padding: 0 0 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-w3dc3q,
.framer-b3Ahd .framer-fxyywc {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #1a1a1a);
z-index: 1;
border-radius: 83px;
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: min-content;
height: min-content;
padding: 8px 16px;
display: flex;
position: absolute;
top: 24px;
left: 24px;
overflow: visible;
box-shadow: 0 0 1px 1px #ffffff0d
}
.framer-b3Ahd .framer-1f86duv,
.framer-b3Ahd .framer-lp3qvq,
.framer-b3Ahd .framer-2jxuro {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 1px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1bvmwx9,
.framer-b3Ahd .framer-drk3g7,
.framer-b3Ahd .framer-tsig1h,
.framer-b3Ahd .framer-1pxpeaa {
will-change: var(--framer-will-change-filter-override, filter);
flex: 1 0 0;
width: 1px;
height: 100%;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-8ymku7,
.framer-b3Ahd .framer-10u2373,
.framer-b3Ahd .framer-1i4izxa,
.framer-b3Ahd .framer-1rb5go0 {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0 24px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1bttc1q,
.framer-b3Ahd .framer-upqmha,
.framer-b3Ahd .framer-cekoul,
.framer-b3Ahd .framer-106hovs {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 2px;
width: 1px;
height: min-content;
padding: 0 64px 0 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-awxsfb,
.framer-b3Ahd .framer-ejsb3l,
.framer-b3Ahd .framer-ovp6we,
.framer-b3Ahd .framer-1s474gc,
.framer-b3Ahd .framer-biyj4w,
.framer-b3Ahd .framer-eyigxp,
.framer-b3Ahd .framer-pr5bx3,
.framer-b3Ahd .framer-1fho2sy,
.framer-b3Ahd .framer-qu5n3i,
.framer-b3Ahd .framer-14zu7z3,
.framer-b3Ahd .framer-u22ic0,
.framer-b3Ahd .framer-ct0c0a,
.framer-b3Ahd .framer-130vcy5 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-b3Ahd .framer-t6nt6,
.framer-b3Ahd .framer-uzy4ch,
.framer-b3Ahd .framer-qzjbte,
.framer-b3Ahd .framer-19v0k2f {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1o1ngw8,
.framer-b3Ahd .framer-9u25xl,
.framer-b3Ahd .framer-3awrts,
.framer-b3Ahd .framer-1lpkv8y {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 2px 0 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-rqzrqq {
flex: none;
width: 24px;
height: 24px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1fx7n2 {
border-radius: 4px;
flex: none;
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 0
}
.framer-b3Ahd .framer-1fybnft-container,
.framer-b3Ahd .framer-1m8obvy-container,
.framer-b3Ahd .framer-1gmq9pl-container,
.framer-b3Ahd .framer-gkxpo4-container {
opacity: .5;
z-index: -1;
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-q7fyug,
.framer-b3Ahd .framer-1hk86ku {
will-change: var(--framer-will-change-override, transform);
background-color: #fff;
border-radius: 4px;
flex: none;
width: 24px;
height: 24px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1au60ok,
.framer-b3Ahd .framer-47vzso {
aspect-ratio: 1.05;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 21px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.framer-b3Ahd .framer-3urjfd {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #0d0d0d);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 32px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 800px;
height: 470px;
padding: 0 0 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1w918vj,
.framer-b3Ahd .framer-yxzw8m {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #1a1a1a);
z-index: 1;
border-radius: 83px;
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: min-content;
height: min-content;
padding: 8px 16px;
display: flex;
position: absolute;
top: 24px;
left: 24px;
overflow: visible;
box-shadow: 0 .602187px .602187px -1.25px #ffffff12, 0 2.28853px 2.28853px -2.5px #ffffff0f, 0 10px 10px -3.75px #ffffff08
}
.framer-b3Ahd .framer-1oobzwl {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #0d0d0d);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 32px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 800px;
height: min-content;
padding: 0 0 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-9rxq1s {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 350px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-sepncp {
will-change: var(--framer-will-change-override, transform);
background-color: #fff;
border-radius: 3px;
flex: none;
width: 24px;
height: 24px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1hfsv6g {
aspect-ratio: 1.6;
height: var(--framer-aspect-ratio-supported, 12px);
flex: none;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.framer-b3Ahd .framer-1bta54v {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 48px;
width: 100%;
height: min-content;
padding: 32px 0 128px;
scroll-margin-top: 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-q01q50,
.framer-b3Ahd .framer-rje6ho {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-fe9t1h,
.framer-b3Ahd .framer-1cwtngd {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-8n6rrs {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 1000px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-qkpec6,
.framer-b3Ahd .framer-wvphlk {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 600px;
height: auto;
position: relative
}
.framer-b3Ahd .framer-1gioi4t {
aspect-ratio: 1.71429;
height: var(--framer-aspect-ratio-supported, 350px);
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex: none;
width: 100%;
max-width: 600px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-1okfwgb {
aspect-ratio: 1.71429;
height: var(--framer-aspect-ratio-supported, 350px);
flex: none;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: visible
}
.framer-b3Ahd .framer-1gnscf4-container {
opacity: .03;
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-1ce2vih {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
scroll-margin-top: 68px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-w0hfmh-container,
.framer-b3Ahd .framer-1hhzslu-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-b3Ahd .framer-pjiedy {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 96px 32px 128px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1vrfe18 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-kwqe7y {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 6px;
width: 504px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-z9sbem {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 560px;
height: 58px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-n9h9jb {
will-change: var(--framer-will-change-override, transform);
border-radius: 200px;
flex: 1 0 0;
width: 1px;
height: 58px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-a92frb-container,
.framer-b3Ahd .framer-1yeuznc-container,
.framer-b3Ahd .framer-1ad3hn-container,
.framer-b3Ahd .framer-aulrwh-container,
.framer-b3Ahd .framer-lr2tqg-container {
opacity: .5;
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-1yjy9ws-container {
flex: none;
width: 100%;
height: 58px;
position: absolute;
top: calc(50% - 29px);
left: 0%
}
.framer-b3Ahd .framer-1x7muag {
border-radius: 200px;
flex: 1 0 0;
gap: 10px;
width: 1px;
height: 58px;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-qc6sp2 {
will-change: var(--framer-will-change-override, transform);
border-radius: 355px;
flex: none;
position: absolute;
inset: 0;
overflow: hidden
}
.framer-b3Ahd .framer-160ehzi-container {
opacity: .05;
z-index: -1;
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-gcy9kr-container {
flex: none;
position: absolute;
inset: 0
}
.framer-b3Ahd .framer-m51v22 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 96px 0 32px;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-cr9kxr {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-15fc56s {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 800px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-92jsg4,
.framer-b3Ahd .framer-tvamdb {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-19gjdx4,
.framer-b3Ahd .framer-119cfg0,
.framer-b3Ahd .framer-3x57ao,
.framer-b3Ahd .framer-1fjt1eq {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-c699a425-133e-464c-81fc-9802fd905791, #121212);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 16px;
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 48px;
width: 1px;
height: min-content;
max-height: 282px;
padding: 32px 32px 64px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-iir96n,
.framer-b3Ahd .framer-1ksxuqq,
.framer-b3Ahd .framer-9moqco,
.framer-b3Ahd .framer-ilp774 {
--border-bottom-width: 1px;
--border-color: #ffffff26;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
border-radius: 8px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 56px;
height: 56px;
padding: 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-t4k2fv,
.framer-b3Ahd .framer-1q5d0jq,
.framer-b3Ahd .framer-4qvt4k,
.framer-b3Ahd .framer-kbo1lw {
flex: none;
width: 24px;
height: 24px;
position: relative
}
.framer-b3Ahd .framer-8y01p2,
.framer-b3Ahd .framer-ue0h5x,
.framer-b3Ahd .framer-w0aa41,
.framer-b3Ahd .framer-p6bvcf {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-5azlf4,
.framer-b3Ahd .framer-10yg8bx,
.framer-b3Ahd .framer-sznb5t,
.framer-b3Ahd .framer-vwd0hl {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-b3Ahd .framer-demexz,
.framer-b3Ahd .framer-59q3j0,
.framer-b3Ahd .framer-etvfwx,
.framer-b3Ahd .framer-1g8q9i2 {
z-index: 1;
flex: none;
position: absolute;
inset: 0;
overflow: hidden
}
.framer-b3Ahd .framer-uqvaai {
flex: none;
width: 596px;
height: 164px;
position: absolute;
top: calc(50% - 82px);
left: calc(50% - 298px);
overflow: hidden
}
.framer-b3Ahd .framer-w2g4rj {
aspect-ratio: 3.63415;
height: var(--framer-aspect-ratio-supported, 164px);
flex: none;
position: absolute;
top: 0;
left: 0;
right: 0
}
.framer-b3Ahd .framer-50lv5r {
flex: none;
width: 620px;
height: 166px;
position: absolute;
top: calc(50.1779% - 83px);
left: calc(50% - 310px);
overflow: hidden
}
.framer-b3Ahd .framer-bi6kog {
flex: none;
width: 620px;
height: 166px;
position: absolute;
top: calc(50% - 83px);
left: calc(50% - 310px)
}
.framer-b3Ahd .framer-18x1p2 {
flex: none;
width: 418px;
height: 168px;
position: absolute;
top: calc(50.1779% - 84px);
left: calc(50% - 209px);
overflow: hidden
}
.framer-b3Ahd .framer-ej3inu {
flex: none;
width: 418px;
height: 168px;
position: absolute;
top: calc(50% - 84px);
left: calc(50% - 209px)
}
.framer-b3Ahd .framer-xgxl04 {
flex: none;
width: 643px;
height: 166px;
position: absolute;
top: calc(50% - 83px);
left: calc(50% - 321.5px);
overflow: hidden
}
.framer-b3Ahd .framer-endb7u {
flex: none;
width: 660px;
height: 165px;
position: absolute;
top: calc(50% - 82.5px);
left: calc(50% - 330px)
}
.framer-b3Ahd .framer-1mc5bhd {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-1jjyivx {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 1000px;
max-width: 1000px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-b3Ahd .framer-txf8p {
flex: none;
width: 100%;
height: 30px;
position: relative;
overflow: hidden
}
.framer-b3Ahd .framer-d5ocp0 {
--framer-link-hover-text-color: #9999;
--framer-link-text-decoration: none;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
overflow: hidden
}
.framer-cTYBr .framer-styles-preset-46k486:not(.rich-text-wrapper),
.framer-cTYBr .framer-styles-preset-46k486.rich-text-wrapper a {
--framer-link-current-text-decoration: none;
--framer-link-hover-text-decoration: none;
--framer-link-text-decoration: none
}
.framer-b3Ahd[data-border=true]:after,
.framer-b3Ahd [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);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (max-width:809.98px) {
.framer-b3Ahd.framer-gz3363 {
width: 390px
}
.framer-b3Ahd .framer-1gawhue {
will-change: unset;
gap: 16px;
width: 390px;
height: 64px;
padding: 16px 20px
}
.framer-b3Ahd .framer-193a5zw {
order: 3
}
.framer-b3Ahd .framer-9ca71j {
order: 2
}
.framer-b3Ahd .framer-1i6h195 {
order: 1
}
.framer-b3Ahd .framer-wfcn8p-container {
order: 0
}
.framer-b3Ahd .framer-1k1r8st {
padding: 18px 0 80px
}
.framer-b3Ahd .framer-amj34y {
padding: 0 20px
}
.framer-b3Ahd .framer-rzvfnv {
will-change: var(--framer-will-change-override, transform)
}
.framer-b3Ahd .framer-260cmc,
.framer-b3Ahd .framer-14tpw8c,
.framer-b3Ahd .framer-165v7ef,
.framer-b3Ahd .framer-evwbnu,
.framer-b3Ahd .framer-kwqe7y {
width: 100%
}
.framer-b3Ahd .framer-2tqppg-container,
.framer-b3Ahd .framer-1nekgn0,
.framer-b3Ahd .framer-3bfp2f {
will-change: unset
}
.framer-b3Ahd .framer-1fl0x0q {
gap: 48px;
padding: 80px 16px 64px
}
.framer-b3Ahd .framer-1n94nl,
.framer-b3Ahd .framer-cs86da,
.framer-b3Ahd .framer-1sfk4w5,
.framer-b3Ahd .framer-1pg69co,
.framer-b3Ahd .framer-1ajz8nh {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 100%
}
.framer-b3Ahd .framer-8iuoiv {
align-content: flex-start;
align-items: flex-start;
gap: 20px;
height: min-content;
padding: 0 0 20px
}
.framer-b3Ahd .framer-1f86duv,
.framer-b3Ahd .framer-lp3qvq,
.framer-b3Ahd .framer-2jxuro {
flex: none;
height: 360px
}
.framer-b3Ahd .framer-8ymku7,
.framer-b3Ahd .framer-10u2373,
.framer-b3Ahd .framer-1i4izxa,
.framer-b3Ahd .framer-1rb5go0 {
flex-direction: column;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
padding: 0 20px
}
.framer-b3Ahd .framer-1bttc1q,
.framer-b3Ahd .framer-upqmha,
.framer-b3Ahd .framer-cekoul,
.framer-b3Ahd .framer-106hovs {
flex: none;
gap: 8px;
width: 100%;
padding: 0
}
.framer-b3Ahd .framer-11104d1,
.framer-b3Ahd .framer-3urjfd {
will-change: var(--framer-will-change-override, transform);
align-content: flex-start;
align-items: flex-start;
gap: 20px;
height: min-content;
padding: 0 0 20px
}
.framer-b3Ahd .framer-1oobzwl {
will-change: var(--framer-will-change-override, transform);
align-content: flex-start;
align-items: flex-start;
gap: 20px;
padding: 0 0 20px
}
.framer-b3Ahd .framer-9rxq1s {
height: 360px
}
.framer-b3Ahd .framer-1bta54v {
scroll-margin-top: unset;
padding: 32px 16px 96px
}
.framer-b3Ahd .framer-1gioi4t,
.framer-b3Ahd .framer-1okfwgb {
height: var(--framer-aspect-ratio-supported, 209px)
}
.framer-b3Ahd .framer-1gnscf4-container,
.framer-b3Ahd .framer-a92frb-container {
z-index: -1
}
.framer-b3Ahd .framer-1ce2vih {
scroll-margin-top: 32px
}
.framer-b3Ahd .framer-z9sbem {
flex-direction: column;
width: 280px;
height: min-content
}
.framer-b3Ahd .framer-n9h9jb {
flex: none;
width: 100%
}
.framer-b3Ahd .framer-1x7muag {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
width: 100%;
padding: 0;
display: flex
}
.framer-b3Ahd .framer-qc6sp2 {
z-index: 1;
order: 1
}
.framer-b3Ahd .framer-gcy9kr-container {
z-index: 1;
order: 0
}
.framer-b3Ahd .framer-m51v22 {
gap: 48px;
padding: 96px 16px 32px
}
.framer-b3Ahd .framer-15fc56s,
.framer-b3Ahd .framer-tvamdb {
gap: 16px
}
.framer-b3Ahd .framer-92jsg4 {
align-content: flex-start;
align-items: flex-start;
gap: 16px
}
.framer-b3Ahd .framer-19gjdx4 {
order: 0;
gap: 24px;
min-height: 256px;
padding: 16px
}
.framer-b3Ahd .framer-119cfg0 {
order: 1;
gap: 24px;
min-height: 256px;
padding: 16px
}
.framer-b3Ahd .framer-59q3j0,
.framer-b3Ahd .framer-etvfwx,
.framer-b3Ahd .framer-1g8q9i2 {
top: -61px;
bottom: -117px
}
.framer-b3Ahd .framer-3x57ao,
.framer-b3Ahd .framer-1fjt1eq {
gap: 24px;
min-height: 256px;
padding: 16px
}
}
@media (min-width:1200px) and (max-width:1439.98px) {
.framer-b3Ahd.framer-gz3363 {
width: 1200px
}
.framer-b3Ahd .framer-epwu4u {
height: min-content
}
.framer-b3Ahd .framer-10zahfx {
height: var(--framer-aspect-ratio-supported, 320px);
width: 320px;
top: 220px;
left: -160px
}
.framer-b3Ahd .framer-qmxlyk,
.framer-b3Ahd .framer-1iwf6it {
width: 320px;
height: 320px
}
.framer-b3Ahd .framer-260cmc {
width: 478px
}
.framer-b3Ahd .framer-uwbcln {
height: var(--framer-aspect-ratio-supported, 320px);
width: 320px;
top: 220px;
right: -160px
}
.framer-b3Ahd .framer-1bttc1q,
.framer-b3Ahd .framer-upqmha,
.framer-b3Ahd .framer-cekoul,
.framer-b3Ahd .framer-106hovs {
padding: 0 32px 0 0
}
}
@media (min-width:810px) and (max-width:1199.98px) {
.framer-b3Ahd.framer-gz3363 {
width: 810px
}
.framer-b3Ahd .framer-1gawhue {
padding: 16px 40px
}
.framer-b3Ahd .framer-epwu4u {
order: 0;
height: min-content
}
.framer-b3Ahd .framer-10zahfx {
height: var(--framer-aspect-ratio-supported, 280px);
width: 280px;
top: 220px;
left: -140px
}
.framer-b3Ahd .framer-qmxlyk,
.framer-b3Ahd .framer-1iwf6it {
width: 280px;
height: 280px
}
.framer-b3Ahd .framer-uwbcln {
height: var(--framer-aspect-ratio-supported, 280px);
width: 280px;
top: 220px;
right: -140px
}
.framer-b3Ahd .framer-1bttc1q,
.framer-b3Ahd .framer-upqmha,
.framer-b3Ahd .framer-cekoul,
.framer-b3Ahd .framer-106hovs {
padding: 0 32px 0 0
}
.framer-b3Ahd .framer-19gjdx4,
.framer-b3Ahd .framer-119cfg0,
.framer-b3Ahd .framer-3x57ao,
.framer-b3Ahd .framer-1fjt1eq {
flex: none;
justify-content: center;
width: 357px;
min-height: 281px;
padding: 32px 24px 64px 32px
}
}
.ssr-variant {
display: contents
}
.framer-2007M [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);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-2007M .framer-c2jyob {
display: block
}
.framer-2007M .framer-ad121s {
cursor: pointer;
width: 32px;
height: 32px;
position: relative;
overflow: hidden
}
.framer-2007M .framer-1ygycxt {
will-change: transform;
flex: none;
width: 24px;
height: 2px;
position: absolute;
bottom: 7px;
left: calc(50% - 12px);
overflow: hidden
}
.framer-2007M .framer-8wmdvn {
will-change: transform;
flex: none;
width: 24px;
height: 2px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 12px);
overflow: hidden
}
.framer-2007M .framer-1jdhdus {
will-change: transform;
flex: none;
width: 24px;
height: 2px;
position: absolute;
top: 7px;
left: calc(50% - 12px);
overflow: hidden
}
.framer-2007M.framer-v-50ouc4 .framer-ad121s {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px)
}
.framer-2007M.framer-v-50ouc4 .framer-1ygycxt {
bottom: 15px
}
.framer-2007M.framer-v-50ouc4 .framer-1jdhdus {
top: 15px
}
.transform-origin-center-center {
transform-origin: 50% !important
}
.framer-FxhBR [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);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-FxhBR .framer-1dz5igi {
display: block
}
.framer-FxhBR .framer-g6kuif {
cursor: pointer;
will-change: transform;
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 2px;
width: min-content;
height: min-content;
padding: 0 8px 0 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-FxhBR .framer-1yqu9cv-container {
z-index: 1;
flex: none;
position: absolute;
inset: 0
}
.framer-FxhBR .framer-3xtumi {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 2px;
width: 168px;
height: 27px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-FxhBR .framer-iuhvfk-container {
z-index: 1;
flex: none;
width: 16%;
height: 100%;
position: relative
}
.framer-FxhBR .framer-131z30d {
pointer-events: none;
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-FxhBR .framer-1typsix {
flex: none;
width: 14px;
height: 14px;
position: relative
}
.framer-FxhBR .framer-v-g6kuif .framer-g6kuif {
cursor: pointer
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-FxhBR .framer-g6kuif,
.framer-FxhBR .framer-3xtumi {
gap: 0
}
.framer-FxhBR .framer-g6kuif>*,
.framer-FxhBR .framer-3xtumi>* {
margin: 0 1px
}
.framer-FxhBR .framer-g6kuif>:first-child,
.framer-FxhBR .framer-3xtumi>:first-child {
margin-left: 0
}
.framer-FxhBR .framer-g6kuif>:last-child,
.framer-FxhBR .framer-3xtumi>:last-child {
margin-right: 0
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-dI769.framer-1xu7sqh,
.framer-dI769 .framer-1xu7sqh {
display: block
}
.framer-dI769.framer-10cufiv {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
min-width: 210px;
height: 58px;
padding: 24px 60px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-dI769 .framer-9dmv2j-container {
z-index: 1;
flex: none;
position: absolute;
inset: 0
}
.framer-dI769 .framer-q77dqy {
pointer-events: none;
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 18px;
left: 50%
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-dI769.framer-10cufiv {
gap: 0
}
.framer-dI769.framer-10cufiv>* {
margin: 0 5px
}
.framer-dI769.framer-10cufiv>:first-child {
margin-left: 0
}
.framer-dI769.framer-10cufiv>:last-child {
margin-right: 0
}
}
.framer-dI769[data-border=true]:after,
.framer-dI769 [data-border=true]:after,
.framer-X7Ny0 [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);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-X7Ny0 .framer-1paze2a {
display: block
}
.framer-X7Ny0 .framer-mk9svc {
flex-flow: row;
place-content: center;
align-items: center;
gap: 12px;
width: 1440px;
height: min-content;
padding: 20px 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-X7Ny0 .framer-bz9n-container {
flex: 1 0 0;
align-self: stretch;
width: 1px;
height: auto;
position: relative
}
.framer-X7Ny0 .framer-l39e4z {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: 24px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-X7Ny0 .framer-g08ccp,
.framer-X7Ny0 .framer-19d2k5n,
.framer-X7Ny0 .framer-2gct62,
.framer-X7Ny0 .framer-gxdpip,
.framer-X7Ny0 .framer-1vy2qq9 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
overflow: visible
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-X7Ny0 .framer-mk9svc,
.framer-X7Ny0 .framer-l39e4z {
gap: 0
}
.framer-X7Ny0 .framer-mk9svc>* {
margin: 0 6px
}
.framer-X7Ny0 .framer-mk9svc>:first-child,
.framer-X7Ny0 .framer-l39e4z>:first-child {
margin-left: 0
}
.framer-X7Ny0 .framer-mk9svc>:last-child,
.framer-X7Ny0 .framer-l39e4z>:last-child {
margin-right: 0
}
.framer-X7Ny0 .framer-l39e4z>* {
margin: 0 5px
}
}