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-aa303802-e5d1-4856-bfe5-30475052d91c: #d9d9d9;
--token-00af65c3-92fd-4f69-9228-cfe71d95f29a: #000;
--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5: #00000080;
--token-ec04a600-8ecf-4d39-b99c-23d8f87f0782: #00000040;
--token-cd9f24d5-f0ad-4213-bead-63c4e991dc40: #fff;
--token-547b5c15-77fe-4f79-a0d6-e024d7d798f1: #ffffff80;
--token-3cbaad9d-c038-49d8-b018-dd843412fcd2: #000;
--token-d85c55a4-ced8-4594-acc3-89f55ae24d51: #262626;
--token-c53eeb35-d3d9-4feb-9e89-a54d60d4f299: #ff3700;
--token-f0c1b03e-ea67-4d21-b5fb-4de6d206068f: #ffffff4d;
--token-934ab914-cd6c-4c35-97d6-2b13b53adb6b: #0000001a;
--token-ef125d7c-e0ee-4acf-a8dd-024938cba111: #000
}
@supports (z-index:calc(infinity)) {
#__framer-badge-container {
--infinity: infinity
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 0
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform
}
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter
}
}
[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)
}
@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))))
}
}
@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))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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))))
}
}
@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-link-text-color-rgb, var(--framer-link-text-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))))))))
}
}
@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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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))))))
}
}
@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-link-text-color-rgb, var(--framer-link-text-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))))))))))
}
}
@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))))))
}
}
@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))))))
}
}
@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))))))))
}
}
@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))))))
}
}
[data-framer-component-type=Stack]:not([data-framer-generated])>*,
[data-framer-component-type=Stack]:not([data-framer-generated])>[data-framer-component-type],
NavigationContainer [data-framer-component-type=NavigationContainer]>*,
[data-framer-component-type=NavigationContainer]>[data-framer-component-type] {
position: relative
}
@supports not (overflow:clip) {
:root {
--overflow-clip-fallback: hidden
}
}
@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)
}
}
@supports (corner-shape:superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1
}
}
.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-b4Da1.framer-18odf35,
.framer-b4Da1 .framer-18odf35 {
display: block
}
.framer-b4Da1.framer-zq1g26 {
background-color: var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, #d9d9d9);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b4Da1 .framer-1bgyf1y-container {
height: auto;
position: var(--framer-canvas-fixed-position, fixed);
will-change: var(--framer-will-change-effect-override, transform);
z-index: 7;
flex: none;
order: -1000;
top: 0;
left: 0;
right: 0
}
.framer-b4Da1 .framer-y250pu {
margin: 0;
background: 0 0;
flex-grow: 1;
width: 0;
height: 0;
margin-bottom: 0;
position: relative
}
.framer-b4Da1 .framer-qp6ulc {
background-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
flex-flow: column;
flex: none;
order: 1002;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-b4Da1 .framer-1ansc9r-container {
z-index: 0;
flex: none;
width: 100%;
height: 100vh;
position: relative
}
.framer-b4Da1 .framer-81qb5z-container {
bottom: calc(calc(100% - min(var(--framer-viewport-height, 100%), 100%)) + 64px);
height: auto;
position: var(--framer-canvas-fixed-position, fixed);
z-index: 8;
flex: none;
order: 1003;
width: auto;
right: 20px
}
[data-layout-template=true]>#overlay {
margin-bottom: 0
}
@media (max-width:809.98px) {
.framer-b4Da1 .framer-1ansc9r-container {
height: auto
}
}
.ssr-variant {
display: contents
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-yXt4k.framer-1n51aqx,
.framer-yXt4k .framer-1n51aqx {
display: block
}
.framer-yXt4k.framer-x6ybs1 {
height: min-content;
padding: var(--t9qi7n);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 839px;
display: flex;
position: relative;
overflow: hidden
}
.framer-yXt4k .framer-1lcmve6 {
z-index: 2;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
max-width: 1440px;
height: 80px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-yXt4k .framer-1o9hqr0 {
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: 44px;
padding: 0 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-yXt4k .framer-kz7vw9 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-yXt4k .framer-yqymta {
will-change: var(--framer-will-change-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: hidden
}
.framer-yXt4k .framer-vq3wmf-container,
.framer-yXt4k .framer-1icteq0-container,
.framer-yXt4k .framer-h2k7or-container,
.framer-yXt4k .framer-1sbxff0-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-yXt4k .framer-1xltk7a {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
gap: 12px;
width: 320px;
min-width: 320px;
height: min-content;
padding: 50px;
display: flex;
position: relative;
overflow: hidden
}
.framer-yXt4k .framer-19jo5o6,
.framer-yXt4k .framer-1rarz0l,
.framer-yXt4k .framer-t8trzi,
.framer-yXt4k .framer-d3qo26,
.framer-yXt4k .framer-6ffh1g,
.framer-yXt4k .framer-14x2b34,
.framer-yXt4k .framer-sfugju {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-yXt4k .framer-1if9apg {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 24px 0 0;
display: flex;
position: relative;
overflow: visible
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-yXt4k.framer-x6ybs1,
.framer-yXt4k .framer-1o9hqr0,
.framer-yXt4k .framer-yqymta,
.framer-yXt4k .framer-1xltk7a,
.framer-yXt4k .framer-1if9apg {
gap: 0
}
.framer-yXt4k.framer-x6ybs1>* {
margin: 0
}
.framer-yXt4k.framer-x6ybs1>:first-child,
.framer-yXt4k .framer-1xltk7a>:first-child {
margin-top: 0
}
.framer-yXt4k.framer-x6ybs1>:last-child,
.framer-yXt4k .framer-1xltk7a>:last-child {
margin-bottom: 0
}
.framer-yXt4k .framer-1o9hqr0>*,
.framer-yXt4k .framer-yqymta>* {
margin: 0 5px
}
.framer-yXt4k .framer-1o9hqr0>:first-child,
.framer-yXt4k .framer-yqymta>:first-child,
.framer-yXt4k .framer-1if9apg>:first-child {
margin-left: 0
}
.framer-yXt4k .framer-1o9hqr0>:last-child,
.framer-yXt4k .framer-yqymta>:last-child,
.framer-yXt4k .framer-1if9apg>:last-child {
margin-right: 0
}
.framer-yXt4k .framer-1xltk7a>* {
margin: 6px 0
}
.framer-yXt4k .framer-1if9apg>* {
margin: 0 8px
}
}
@media (max-width:809px) and (min-width:0) {
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-Se8Mz .framer-styles-preset-mss7rv:not(.rich-text-wrapper),
.framer-Se8Mz .framer-styles-preset-mss7rv.rich-text-wrapper a {
--framer-link-current-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-link-hover-text-color: var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, #00000080);
--framer-link-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-link-text-decoration: none;
transition: color .3s cubic-bezier(.44, 0, .56, 1)
}
.framer-4kFkF .framer-styles-preset-1o5inal:not(.rich-text-wrapper),
.framer-4kFkF .framer-styles-preset-1o5inal.rich-text-wrapper a {
--framer-link-current-text-decoration: underline;
--framer-link-hover-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-link-hover-text-decoration: none;
--framer-link-text-color: var(--token-c53eeb35-d3d9-4feb-9e89-a54d60d4f299, #ff3700);
--framer-link-text-decoration: none
}
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-font-family-preview, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-font-weight-preview, 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-preview, 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));
corner-shape: var(--framer-blockquote-text-background-corner-shape, var(--framer-text-background-corner-shape, 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-font-family-preview, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-font-style-preview, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-font-weight-preview, var(--framer-link-font-weight, var(--framer-blockquote-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-link-text-transform, var(--framer-blockquote-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);
corner-shape: var(--framer-link-text-background-corner-shape, initial);
padding: var(--framer-link-text-background-padding, initial)
}
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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))))))))
}
}
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-font-family-preview, var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal)))));
font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-blockquote-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-link-text-transform, var(--framer-blockquote-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)));
corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, 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-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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))))))))))
}
}
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-font-family-preview, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-font-style-preview, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-font-weight-preview, 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));
corner-shape: var(--framer-link-current-text-background-corner-shape, var(--framer-link-text-background-corner-shape, 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-font-family-preview, 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-font-style-preview, 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-font-weight-preview, 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)));
corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-current-text-background-corner-shape, var(--framer-link-text-background-corner-shape, 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-corner-shape: 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 {
padding-inline-start: calc(calc(var(--max-list-digits, 1) + 1)*1ch)
}
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
}
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 {
overflow-wrap: anywhere;
vertical-align: top;
min-width: 16ch
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child {
width: 100% !important
}
[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
}
[data-framer-component-type=Stack]:not([data-framer-generated])>*,
[data-framer-component-type=Stack]:not([data-framer-generated])>[data-framer-component-type],
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)
}
}
@supports (corner-shape:superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-t80rX.framer-8opwal,
.framer-t80rX .framer-8opwal {
display: block
}
.framer-t80rX.framer-1ewtnv7 {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
width: 44px;
height: 44px;
position: relative;
overflow: hidden
}
.framer-t80rX .framer-1pldo3g {
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 16px;
height: 1px;
position: absolute;
top: calc(59.0909% - .5px);
left: calc(50% - 8px);
overflow: hidden
}
.framer-t80rX .framer-u50iwl {
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 16px;
height: 1px;
position: absolute;
top: calc(38.6364% - .5px);
left: calc(50% - 8px);
overflow: hidden
}
.framer-t80rX.framer-v-3p24k8.framer-1ewtnv7 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 44px)
}
.framer-t80rX.framer-v-3p24k8 .framer-1pldo3g,
.framer-t80rX.framer-v-3p24k8 .framer-u50iwl {
top: calc(50% - .5px)
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-Es3MC.framer-lxamzd,
.framer-Es3MC .framer-lxamzd {
display: block
}
.framer-Es3MC.framer-1g4wdm {
background-color: var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, #dadae0);
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1440px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-s5f0kl {
opacity: .04;
z-index: 0;
flex: none;
height: 100vh;
position: fixed;
top: calc(50% - 50vh);
left: 0;
right: 0
}
.framer-Es3MC .framer-ernbli {
background: linear-gradient(225deg, var(--token-cd9f24d5-f0ad-4213-bead-63c4e991dc40, #fff)0%, var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, #dbdbdb)100%);
pointer-events: none;
z-index: 0;
flex: none;
gap: 10px;
height: 200vh;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
-webkit-mask: radial-gradient(125% 100% at 0 0, #000 0%, #00000039 88.2883%, #0000 100%);
mask: radial-gradient(125% 100% at 0 0, #000 0%, #00000039 88.2883%, #0000 100%)
}
.framer-Es3MC .framer-sjwuf4 {
background: linear-gradient(#fff 0% 83.9344%, #fff0 100%);
flex: none;
width: 591px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(33.6111% - 295.522px);
overflow: hidden;
-webkit-mask: linear-gradient(90deg, #0000 0%, #000 20.0362%, #0000 36.175%, #000 55.4054%, #00000021 67.1171%, #000 78.2306%, #0000 97.2973%);
mask: linear-gradient(90deg, #0000 0%, #000 20.0362%, #0000 36.175%, #000 55.4054%, #00000021 67.1171%, #000 78.2306%, #0000 97.2973%)
}
.framer-Es3MC .framer-1welv58 {
background: linear-gradient(#fff 0% 83.9344%, #fff0 100%);
flex: none;
width: 582px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(-1.52778% - 291.002px);
overflow: hidden;
-webkit-mask: linear-gradient(90deg, #0000 11.3985%, #000 25.5578%, #0000008c 41.6966%, #00000021 67.1171%, #000 78.2306%, #0000 97.2973%);
mask: linear-gradient(90deg, #0000 11.3985%, #000 25.5578%, #0000008c 41.6966%, #00000021 67.1171%, #000 78.2306%, #0000 97.2973%)
}
.framer-Es3MC .framer-f8re00 {
background: linear-gradient(#fff 0% 67%, #fff0 100%);
flex: none;
width: 441px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(33.6806% - 220.619px);
overflow: hidden;
-webkit-mask: linear-gradient(90deg, #0000 9.81489%, #000 20.0362%, #0000008c 28.5878%, #0000006c 40.0901%, #000 48.6487%, #0004 54.5045%, #00000021 78.579%, #000 88.554%, #0000 97.2973%);
mask: linear-gradient(90deg, #0000 9.81489%, #000 20.0362%, #0000008c 28.5878%, #0000006c 40.0901%, #000 48.6487%, #0004 54.5045%, #00000021 78.579%, #000 88.554%, #0000 97.2973%)
}
.framer-Es3MC .framer-q3h44l {
background: linear-gradient(#fff 0% 83.9344%, #fff0 100%);
flex: none;
width: 684px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(50.1389% - 341.798px);
overflow: hidden;
-webkit-mask: linear-gradient(90deg, #0000 0%, #000 17.6591%, #0000008c 26.6417%, #000 35.2302%, #0000 47.6985%, #00000021 69.1776%, #000 79.1456%, #0000 97.2973%);
mask: linear-gradient(90deg, #0000 0%, #000 17.6591%, #0000008c 26.6417%, #000 35.2302%, #0000 47.6985%, #00000021 69.1776%, #000 79.1456%, #0000 97.2973%)
}
.framer-Es3MC .framer-1514bh3 {
background: linear-gradient(#fff 0% 83.9344%, #fff0 100%);
flex: none;
width: 426px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(49.0972% - 213.086px);
overflow: hidden;
-webkit-mask: linear-gradient(90deg, #0000 0%, #000 20.0362%, #0000008c 27.5778%, #000 42.3423%, #0000 48.6047%, #00000021 67.1171%, #000 74.9525% 82.4324%, #00000078 88.6719%, #0000 97.2973%);
mask: linear-gradient(90deg, #0000 0%, #000 20.0362%, #0000008c 27.5778%, #000 42.3423%, #0000 48.6047%, #00000021 67.1171%, #000 74.9525% 82.4324%, #00000078 88.6719%, #0000 97.2973%)
}
.framer-Es3MC .framer-1w1jf1l-container {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex: none;
height: auto;
position: fixed;
top: 0;
left: 0;
right: 0
}
.framer-Es3MC .framer-h8az2k,
.framer-Es3MC .framer-cq09ep {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0 120px;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-1br51jh {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 80px;
width: 100%;
max-width: 1440px;
height: min-content;
padding: 220px 0 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-q2tqpl {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-1wp4v46 {
flex: 1 0 0;
width: 1px;
height: 150px;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-9s3ak8 {
flex-flow: column;
flex: 5 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 36px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-1dr3h1c {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-11wk1d3 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
will-change: var(--framer-will-change-effect-override, transform);
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-Es3MC .framer-2t4sdg {
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-Es3MC .framer-1qxbi9g-container,
.framer-Es3MC .framer-4ida0z-container,
.framer-Es3MC .framer-thheif-container,
.framer-Es3MC .framer-11pwgev-container,
.framer-Es3MC .framer-xw14zl-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-Es3MC .framer-1lsbj9z {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 650px;
height: auto;
position: relative
}
.framer-Es3MC .framer-1sfqgry {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-wa4abb {
aspect-ratio: 1.33333;
height: var(--framer-aspect-ratio-supported, 900px);
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 24px;
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-12a1pvu {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-18ge08a-container,
.framer-Es3MC .framer-122g8b1-container,
.framer-Es3MC .framer-1flym0i-container {
flex: 1 0 0;
width: 1px;
max-width: 180px;
height: auto;
position: relative
}
.framer-Es3MC .framer-o6dciy {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 80px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-Es3MC .framer-1j0zd45 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-sbi740 {
will-change: var(--framer-will-change-override, transform);
border-radius: 24px;
flex: none;
width: 100%;
height: 900px;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-1c4hcv,
.framer-Es3MC .framer-f0fjmk {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-Es3MC .framer-1kz5gdt {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 48px;
width: 100%;
max-width: 1440px;
height: min-content;
padding: 0 0 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-6arkdj {
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 60px 36px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Es3MC .framer-193caf2 {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 123px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: min-content;
max-width: 100%;
height: min-content;
padding: 0 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-dra54q {
background: linear-gradient(90deg, #54545400 0%, var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, #00000080)100%);
opacity: .5;
flex: none;
width: 69px;
height: 1px;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-11t309j {
background: linear-gradient(270deg, #54545400 0%, var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, #00000080)100%);
opacity: .5;
flex: none;
width: 69px;
height: 1px;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-1fe3pym {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 560px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-Es3MC .framer-gtaxz6 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-Es3MC .framer-1wlylhs {
flex: none;
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 60px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative
}
.framer-Es3MC .framer-19gb4uj-container {
flex: none;
place-self: start;
width: 100%;
height: 100%;
position: relative
}
.framer-Es3MC .framer-fib1gu-container {
z-index: 1;
flex: none;
width: 100%;
height: 64px;
position: fixed;
bottom: 0;
left: 0%
}
.framer-Es3MC .framer-1vs1cz8 {
height: 1px;
overflow: var(--overflow-clip-fallback, clip);
flex: none;
width: 100%;
position: relative
}
.framer-9ipBR .framer-styles-preset-1ytb7ki:not(.rich-text-wrapper),
.framer-9ipBR .framer-styles-preset-1ytb7ki.rich-text-wrapper h2 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
@media (max-width:1023px) and (min-width:810px) {
.framer-9ipBR .framer-styles-preset-1ytb7ki:not(.rich-text-wrapper),
.framer-9ipBR .framer-styles-preset-1ytb7ki.rich-text-wrapper h2 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-9ipBR .framer-styles-preset-1ytb7ki:not(.rich-text-wrapper),
.framer-9ipBR .framer-styles-preset-1ytb7ki.rich-text-wrapper h2 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 28px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-LD8Sc .framer-styles-preset-zqfxam:not(.rich-text-wrapper),
.framer-LD8Sc .framer-styles-preset-zqfxam.rich-text-wrapper h3 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.6em;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
@media (max-width:1023px) and (min-width:810px) {
.framer-LD8Sc .framer-styles-preset-zqfxam:not(.rich-text-wrapper),
.framer-LD8Sc .framer-styles-preset-zqfxam.rich-text-wrapper h3 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.6em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-LD8Sc .framer-styles-preset-zqfxam:not(.rich-text-wrapper),
.framer-LD8Sc .framer-styles-preset-zqfxam.rich-text-wrapper h3 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.6em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (min-width:810px) and (max-width:1439.98px) {
.framer-Es3MC.framer-1g4wdm {
width: 810px
}
.framer-Es3MC .framer-h8az2k,
.framer-Es3MC .framer-cq09ep {
padding: 0 48px
}
.framer-Es3MC .framer-1br51jh {
gap: 64px;
padding: 220px 0 56px
}
.framer-Es3MC .framer-wa4abb {
height: var(--framer-aspect-ratio-supported, 536px)
}
.framer-Es3MC .framer-o6dciy {
gap: 64px
}
.framer-Es3MC .framer-1kz5gdt {
gap: 28px;
padding: 0 0 56px
}
.framer-Es3MC .framer-1wlylhs {
gap: 40px
}
}
@media (max-width:809.98px) {
.framer-Es3MC.framer-1g4wdm {
width: 390px
}
.framer-Es3MC .framer-sjwuf4 {
width: 438px;
left: calc(113.846% - 219.087px)
}
.framer-Es3MC .framer-1welv58 {
width: 432px;
left: calc(87.6923% - 215.75px)
}
.framer-Es3MC .framer-f8re00 {
width: 327px;
left: calc(113.846% - 163.481px)
}
.framer-Es3MC .framer-q3h44l {
width: 507px;
left: calc(125.897% - 253.377px)
}
.framer-Es3MC .framer-1514bh3 {
width: 316px;
left: calc(125.128% - 157.92px)
}
.framer-Es3MC .framer-h8az2k,
.framer-Es3MC .framer-cq09ep {
padding: 0 24px
}
.framer-Es3MC .framer-1br51jh {
gap: 48px;
padding: 180px 0 40px
}
.framer-Es3MC .framer-1dr3h1c {
flex-direction: column
}
.framer-Es3MC .framer-11wk1d3 {
flex: none;
width: 100%
}
.framer-Es3MC .framer-1sfqgry {
flex-direction: column;
width: 100%
}
.framer-Es3MC .framer-wa4abb {
height: var(--framer-aspect-ratio-supported, 257px)
}
.framer-Es3MC .framer-12a1pvu {
flex-direction: column;
justify-content: flex-start;
gap: 36px
}
.framer-Es3MC .framer-18ge08a-container,
.framer-Es3MC .framer-122g8b1-container,
.framer-Es3MC .framer-1flym0i-container {
flex: none;
width: 100%;
max-width: 100%
}
.framer-Es3MC .framer-o6dciy {
gap: 48px
}
.framer-Es3MC .framer-1kz5gdt {
gap: 24px;
padding: 0 0 40px
}
.framer-Es3MC .framer-1wlylhs {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
display: flex
}
.framer-Es3MC .framer-19gb4uj-container {
align-self: unset;
height: auto
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-XNIeN.framer-7w506p,
.framer-XNIeN .framer-7w506p {
display: block
}
.framer-XNIeN.framer-18ka4d0 {
height: 834px;
min-height: calc(var(--framer-viewport-height, 100vh)*1);
flex-flow: column;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 1440px;
padding: 0 112px;
display: flex;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-nilurh {
pointer-events: none;
z-index: 0;
flex: none;
gap: 10px;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden
}
.framer-XNIeN .framer-1vtt1px {
flex: none;
width: 591px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(33.6111% - 295.522px);
overflow: hidden
}
.framer-XNIeN .framer-qv6cy6 {
flex: none;
width: 582px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(-1.52778% - 291.002px);
overflow: hidden
}
.framer-XNIeN .framer-18pkf2p {
flex: none;
width: 441px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(33.6806% - 220.619px);
overflow: hidden
}
.framer-XNIeN .framer-pa691l {
flex: none;
width: 684px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(50.1389% - 341.798px);
overflow: hidden
}
.framer-XNIeN .framer-3pkuos {
flex: none;
width: 426px;
max-width: 960px;
height: 1269px;
position: absolute;
top: -209px;
left: calc(49.0972% - 213.086px);
overflow: hidden
}
.framer-XNIeN .framer-179r1kf {
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-XNIeN .framer-1n4seje {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 36px;
width: 100%;
max-width: 1366px;
height: 1px;
padding: 80px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-XNIeN .framer-divrc2 {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 36px;
width: 100%;
height: 1px;
padding: 60px 36px;
display: flex;
position: relative;
overflow: visible
}
.framer-XNIeN .framer-1h52saa {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: min-content;
max-width: 100%;
height: min-content;
padding: 0 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-rb6uxa,
.framer-XNIeN .framer-jmibp8 {
flex: none;
width: 69px;
height: 1px;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-nw7kf,
.framer-XNIeN .framer-1iy3v4h {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-XNIeN .framer-12rdgm6 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 620px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-2lggl9 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-XNIeN .framer-x3t3dk {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-XNIeN .framer-qqegc2 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-XNIeN .framer-1610r1m-container,
.framer-XNIeN .framer-1gnn4kr-container,
.framer-XNIeN .framer-6kgeyr-container,
.framer-XNIeN .framer-in61sx-container,
.framer-XNIeN .framer-dllnth-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-XNIeN .framer-wz2oom {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-1ru8xec {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: 44px;
padding: 0 16px;
display: flex;
position: relative;
overflow: hidden
}
.framer-XNIeN .framer-aq0gsr {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-end;
align-items: center;
gap: 36px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-XNIeN .framer-74s1wo {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 8px;
left: 8px;
overflow: visible
}
.framer-XNIeN .framer-9hag6o {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 8px;
right: 8px;
overflow: visible
}
.framer-XNIeN .framer-1u9tbsk {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
bottom: 8px;
right: 8px;
overflow: visible
}
.framer-XNIeN .framer-1lfd86i {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
bottom: 8px;
left: 8px;
overflow: visible
}
.framer-XNIeN.framer-v-1mct7fk.framer-18ka4d0 {
width: 810px;
padding: 0 40px
}
.framer-XNIeN.framer-v-1mct7fk .framer-1n4seje {
gap: 28px;
padding: 56px 0
}
.framer-XNIeN.framer-v-5ufjzr.framer-18ka4d0 {
width: 390px;
height: min-content;
padding: 36px 24px
}
.framer-XNIeN.framer-v-5ufjzr .framer-nilurh {
height: 844px
}
.framer-XNIeN.framer-v-5ufjzr .framer-1n4seje {
flex: none;
height: min-content;
padding: 40px 0
}
.framer-XNIeN.framer-v-5ufjzr .framer-divrc2 {
flex: none;
order: 0;
height: min-content
}
.framer-XNIeN.framer-v-5ufjzr .framer-qqegc2 {
width: 100%
}
.framer-XNIeN.framer-v-5ufjzr .framer-wz2oom {
flex-direction: column;
order: 1;
justify-content: flex-start;
gap: 36px
}
.framer-XNIeN.framer-v-5ufjzr .framer-aq0gsr {
flex: none;
justify-content: center;
width: 100%
}
.framer-f1AEy .framer-styles-preset-wd4756:not(.rich-text-wrapper),
.framer-f1AEy .framer-styles-preset-wd4756.rich-text-wrapper h1 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: "ss01" on, "dlig" on;
--framer-font-size: 108px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.06em;
--framer-line-height: 1.15em;
--framer-paragraph-spacing: 64px;
--framer-text-alignment: center;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
@media (max-width:1439px) and (min-width:810px) {
.framer-f1AEy .framer-styles-preset-wd4756:not(.rich-text-wrapper),
.framer-f1AEy .framer-styles-preset-wd4756.rich-text-wrapper h1 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: "ss01" on, "dlig" on;
--framer-font-size: 80px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.06em;
--framer-line-height: 1.15em;
--framer-paragraph-spacing: 64px;
--framer-text-alignment: center;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-f1AEy .framer-styles-preset-wd4756:not(.rich-text-wrapper),
.framer-f1AEy .framer-styles-preset-wd4756.rich-text-wrapper h1 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: "ss01" on, "dlig" on;
--framer-font-size: 44px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.06em;
--framer-line-height: 1.25em;
--framer-paragraph-spacing: 36px;
--framer-text-alignment: center;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-XNIeN[data-border=true]:after,
.framer-XNIeN [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-EOUFL.framer-um6n2o,
.framer-EOUFL .framer-um6n2o {
display: block
}
.framer-EOUFL.framer-kcb4pg {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 12px 20px 12px 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-EOUFL .framer-raawpp {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-EOUFL .framer-r8vf06 {
flex: none;
gap: 10px;
width: 20px;
height: 20px;
position: relative;
overflow: visible
}
.framer-EOUFL .framer-fdi9yo-container,
.framer-EOUFL .framer-12unp5g-container {
flex: none;
position: absolute;
inset: 0
}
.framer-EOUFL.framer-v-5u5d0i.framer-kcb4pg {
padding: 12px 24px
}
.framer-EOUFL.framer-v-feauxq.framer-kcb4pg,
.framer-EOUFL.framer-v-77o094.framer-kcb4pg {
padding: 12px
}
.framer-EOUFL.framer-v-1tqn5vy.framer-kcb4pg {
will-change: unset;
padding: 0;
overflow: visible
}
.framer-EOUFL.framer-v-kcb4pg.hover .framer-12unp5g-container {
left: unset;
width: 20px;
right: -40px
}
.framer-EOUFL.framer-v-1tqn5vy.hover.framer-kcb4pg {
will-change: unset
}
.framer-EOUFL.framer-v-1tqn5vy.hover .framer-12unp5g-container {
left: unset;
width: 20px;
right: -20px
}
.framer-T7IxC .framer-styles-preset-21ogod:not(.rich-text-wrapper),
.framer-T7IxC .framer-styles-preset-21ogod.rich-text-wrapper p {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 500;
--framer-font-weight-bold-italic: 500;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 1.7em;
--framer-paragraph-spacing: 16px;
--framer-text-alignment: start;
--framer-text-color: var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, #00000080);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-EOUFL[data-border=true]:after,
.framer-EOUFL [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-6cBF2.framer-15zxrr3,
.framer-6cBF2 .framer-15zxrr3 {
display: block
}
.framer-6cBF2.framer-1w75z3h {
flex-flow: column;
place-content: flex-end center;
align-items: flex-end;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-6cBF2 .framer-997qhc-container {
flex: none;
align-self: stretch;
width: auto;
height: auto;
position: relative
}
.framer-6cBF2 .framer-vhj5jm {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-6cBF2 .framer-r04jtc {
will-change: var(--framer-will-change-override, transform);
z-index: 4;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: 128px;
height: min-content;
padding: 8px 12px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-6cBF2 .framer-2cfemh {
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-6cBF2 .framer-eflkqc {
white-space: pre;
flex: none;
width: auto;
height: 23px;
position: relative
}
.framer-6cBF2 .framer-1o1pp5v-container {
z-index: 4;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-6cBF2 .framer-ct3w0a {
will-change: var(--framer-will-change-override, transform);
width: 320px;
height: 494px;
position: relative;
overflow: hidden
}
.framer-6cBF2 .framer-dge7a4-container {
flex: none;
position: absolute;
inset: 0
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-7eXlN.framer-1232aim,
.framer-7eXlN .framer-1232aim {
display: block
}
.framer-7eXlN.framer-ueqnni {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: 207px;
height: min-content;
padding: 8px 4px 8px 12px;
display: flex;
position: relative;
overflow: hidden
}
.framer-7eXlN .framer-1sdwd9s-container {
flex: none;
width: 18px;
height: 18px;
position: relative
}
.framer-7eXlN .framer-yw2w1x,
.framer-7eXlN .framer-1yarg2e {
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-7eXlN .framer-adztx7 {
white-space: pre;
flex: none;
width: auto;
height: 23px;
position: relative
}
.framer-7eXlN .framer-ognhdh-container {
flex: none;
width: 60px;
height: 23px;
position: relative
}
.framer-7eXlN .framer-1hljl40 {
width: 54px;
height: 23px;
position: relative;
overflow: hidden
}
.framer-7eXlN .framer-1tlncbn {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 48%;
left: 50%
}
.framer-7eXlN .framer-1l2dmaw {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 16px);
z-index: 1;
flex: none;
width: 16px;
position: absolute;
top: -6px;
right: -6px;
overflow: visible
}
.framer-7eXlN .framer-im4hew {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%
}
.framer-7eXlN.framer-v-622ssp.framer-ueqnni {
gap: 3px;
padding: 8px 12px
}
.framer-7eXlN.framer-v-eom5od.framer-ueqnni {
padding: 8px 12px
}
.framer-7eXlN.framer-v-s13ilp.framer-ueqnni,
.framer-7eXlN.framer-v-eh4vtx.framer-ueqnni {
will-change: unset;
width: 39px;
height: 39px;
padding: 8px 4px;
overflow: visible
}
.framer-7eXlN.framer-v-s13ilp .framer-1l2dmaw {
-webkit-user-select: none;
user-select: none;
aspect-ratio: unset;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 20px;
height: 20px;
padding: 0;
display: flex;
top: -8px;
right: -8px
}
.framer-7eXlN.framer-v-s13ilp .framer-im4hew {
left: unset;
top: unset;
position: relative
}
.framer-7eXlN.framer-v-eh4vtx .framer-1l2dmaw {
top: 0;
right: 0
}
.framer-7eXlN.framer-v-s13ilp.hover.framer-ueqnni {
will-change: unset
}
.framer-7eXlN.framer-v-s13ilp.hover .framer-1sdwd9s-container {
width: 22px;
height: 22px
}
.framer-7eXlN.framer-v-s13ilp.hover .framer-1l2dmaw {
aspect-ratio: unset;
top: -10px
}
.framer-7eXlN.framer-v-s13ilp.hover .framer-im4hew {
left: unset;
top: unset
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-5jljx.framer-1qw5vfw,
.framer-5jljx .framer-1qw5vfw {
display: block
}
.framer-5jljx.framer-1m0onp2 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 4px 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-5jljx .framer-f4s1c0 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-5jljx .framer-1icj77m {
z-index: 1;
flex: none;
height: 1px;
position: absolute;
top: calc(51.7241% - .5px);
left: 12px;
right: 12px;
overflow: visible
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-5jljx.framer-1m0onp2 {
gap: 0
}
.framer-5jljx.framer-1m0onp2>* {
margin: 0;
margin-left: 5px;
margin-right: 5px
}
.framer-5jljx.framer-1m0onp2>:first-child {
margin-left: 0
}
.framer-5jljx.framer-1m0onp2>:last-child {
margin-right: 0
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-mfbuq.framer-1a37q6a,
.framer-mfbuq .framer-1a37q6a {
display: block
}
.framer-mfbuq.framer-1xrcvqv {
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
gap: 8px;
width: 150px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-mfbuq .framer-nj3vlr,
.framer-mfbuq .framer-v6744z {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-mfbuq.framer-1xrcvqv {
gap: 0
}
.framer-mfbuq.framer-1xrcvqv>* {
margin: 4px 0
}
.framer-mfbuq.framer-1xrcvqv>:first-child {
margin-top: 0
}
.framer-mfbuq.framer-1xrcvqv>:last-child {
margin-bottom: 0
}
}
.framer-e9Yxo .framer-styles-preset-10ljhlf:not(.rich-text-wrapper),
.framer-e9Yxo .framer-styles-preset-10ljhlf.rich-text-wrapper h4 {
--framer-font-family: "Instrument Serif", "Instrument Serif Placeholder", serif;
--framer-font-family-italic: "Instrument Serif", "Instrument Serif Placeholder", serif;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-italic: italic;
--framer-font-weight: 400;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, #00000080);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
@media (max-width:809px) and (min-width:0) {
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-g3yCA.framer-1w0mk36,
.framer-g3yCA .framer-1w0mk36 {
display: block
}
.framer-g3yCA.framer-i9vd6s {
cursor: pointer;
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
gap: 16px;
width: 576px;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-g3yCA .framer-nygabs {
aspect-ratio: 1.33333;
height: var(--framer-aspect-ratio-supported, 432px);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
.framer-g3yCA .framer-1kb6hrl {
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: visible
}
.framer-g3yCA .framer-1nfb79w {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-g3yCA .framer-svzkdg {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-g3yCA .framer-65exri {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-g3yCA .framer-vgmsiw-container,
.framer-g3yCA .framer-ztc5vi-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
@media (max-width:809px) and (min-width:0) {
.framer-zEDFh .framer-styles-preset-1ihf1r3:not(.rich-text-wrapper),
.framer-zEDFh .framer-styles-preset-1ihf1r3.rich-text-wrapper h4 {
--framer-font-family: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-family-italic: "Inter Display", "Inter Display Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 600;
--framer-font-weight-bold-italic: 600;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.5em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-g3yCA[data-border=true]:after,
.framer-g3yCA [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
}
/* ---------------------------------------------------------------------------
Project pages carry two fixed bars stacked on top of each other:
.framer-1bgyf1y-container the site nav (TAD logo + menu) z-index 7
.framer-1w1jf1l-container the project bar ("< Back" + menu) z-index 1
Both start at the same left edge, so the logo sat directly on top of the
Back link. On a project page the Back link is the useful control, and the
project bar already carries its own menu button, so the site nav is pure
duplication here. This file is only loaded by project pages, so hiding it
leaves the home page untouched.
--------------------------------------------------------------------------- */
.framer-1bgyf1y-container {
display: none !important;
}
/* Match the homepage so a /#section link that lands here behaves the same. */
html {
scroll-behavior: smooth;
}