:root { --scrollbar-background: transparent; --scrollbar-color: #28282887; --scrollbar-radius: 20px; --scrollbar-width: 8px; --text-select-color: #b2d4fd; } html { scroll-behavior: smooth; } html *:not(.drag) { app-region: no-drag !important; -webkit-app-region: no-drag !important; -webkit-user-drag: none !important; } div[islink] { margin: 0 !important; } [x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } * { box-sizing: border-box; transform-origin: top left; text-decoration: none; } *::selection { background: var(--text-select-color); } .flex:not(.section)>*:not(.abs):not(.fill) { transform-origin: center; flex-shrink: 0; } .flex:not(.section)>*.fill:not(.abs) { transform-origin: center; flex-shrink: 1; } html .align-content-unset { align-content: unset; } h1, h2, h3, h4, h5, h6, a, p, span, ol, ul, li { margin: 0; padding: 0; } ul, ol { list-style-position: inside; } body:has(.scroll-snap:not(.preview)) { overflow: hidden; height: 100vh !important; } main.scroll-snap { scroll-snap-type: y mandatory !important; overflow-y: scroll !important; height: 100vh !important; } main.scroll-snap > * { scroll-snap-align: start; } .main_container {} .main_container, .page { width: 100%; display: grid; grid-template-columns: 100%; padding: 0px; margin: auto; } .grid_item_auto_fill { grid-area: 1 / 1 / 2 / 2; } .start_auto_fill, .const_y_top { align-self: start; } .center_y_auto_fill, .const_y_center { align-self: center; } .end_auto_fill, .const_y_bottom { align-self: end; } .right_auto_fill, .const_x_right { justify-self: right; } .center_x_auto_fill, .const_x_center { justify-self: center; } .left_auto_fill, .const_x_left { justify-self: left; } html .flex { display: flex; } .inner_grid { display: grid; grid-template-columns: 100% 1fr; grid-template-rows: 100% 1fr; } img { object-fit: contain; object-position: center; } @media only screen and (max-width: 640px) { .hide_on_mobile, .mobile_hide { display: none !important; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .hide_on_tablet, .tablet_hide { display: none !important; } } @media only screen and (min-width: 1024px) { .hide_on_desktop, .desktop_hide { display: none !important; } } .timelines, .timelines *:not(svg):not(g):not(circle):not(rect):not(path):not(polygon):not(svg *) { // transform: translate3d(0,0,0); } .scrollfade { opacity: 0; transition: all 1.5s cubic-bezier(0.04, 0.7, 0.25, 1); } .fadein_up { transform: translate(0%, 50%); } .fadein_down { transform: translate(0%, -50%); } .fadein_left { transform: translate(-50%, 0%); } .fadein_right { transform: translate(50%, 0%); } .scrollfade.active { opacity: 1; transform: translate(0%, 0%); } .parallax-bg { background-repeat: no-repeat; background-attachment: fixed; } .hover_scale { transition: all .5s; cursor: pointer; } .hover_scale.active { transform: scale(1.1); } .scrollparallax { transition: all 1.5s cubic-bezier(0.04, 0.5, 0.3, 1); } [add_link_url] { cursor: pointer; } body { margin: 0; background-color: white; } div, a { background-size: cover; } div.stretch{ background-size: 100% 100%; } div.cover { background-size: cover; background-position: center; } div.contain { background-size: contain; background-position: center; } img { object-fit: cover; } img.cover { object-fit: cover; } img.contain { object-fit: contain; } img.stretch { object-fit: fill; } .embed_elem { position: relative; width: 100%; height: 100%; } main.frame { margin: auto; overflow: clip; } .frame { align-content: start; position: relative; max-width: 100%; display: none; grid-template-rows: minmax(20px, auto) 1fr; display: grid; grid-template-columns: 100%; padding: 0px; } .frame.has_sections { display: flex; flex-direction: column; } .has_sections>*:not(.section) { position: absolute; } .section:not(.fixed):not(.sticky) { position: relative; } section { grid-template-columns: minmax(20px, auto) 1fr; grid-template-columns: 100% 1fr; grid-template-rows: 100% 1fr; } .rel { position: relative; } svg { position: relative; overflow: visible; } svg>g { // transform: translate(50%, 50%); transform: matrix(1, 0, 0, 1, 0, 0); } .lottie svg>g { transform: translate(0%, 0%); } .will-change { will-change: auto; } .overflow-scroll { overflow: scroll; } .overflow-scroll .embed_elem { overflow: scroll; } .overflow-hidden { overflow: clip; } .origin-top-left { transform-origin: top left; } html .display_none { display: none; } input, button { border-width: 0px; outline: none; background: transparent } .radio:not(.og_radio) > input[type="radio"] { margin: 0; padding: 0; position: absolute; z-index: 99; width: 100%; height: 100%; opacity: 0; } .radio:not(.og_radio) > input[type="radio"] + * + * { display: grid !important; opacity: 0; transition: all 0.5s; } .radio:not(.og_radio) > input[type="radio"] + * + *.flex { display: flex !important; opacity: 0; transition: all 0.5s; } .radio:not(.og_radio) > input[type="radio"]:checked + * + *, .radio:not(.og_radio) > input[type="radio"]:checked + * + *.flex { opacity: 1; } .checkbox:not(.og_checkbox) > input[type="checkbox"] { margin: 0; padding: 0; position: absolute; z-index: 99; width: 100%; height: 100%; opacity: 0; } .checkbox:not(.og_checkbox) > input[type="checkbox"] + * + * { display: grid !important; opacity: 0; transition: all 0.5s; } .checkbox:not(.og_checkbox) > input[type="checkbox"] + * + *.flex { display: flex !important; opacity: 0; transition: all 0.5s; } .checkbox:not(.og_checkbox) > input[type="checkbox"]:checked + * + *, .checkbox:not(.og_checkbox) > input[type="checkbox"]:checked + * + *.flex { opacity: 1; } select { border: 0; background: transparent; -webkit-appearance: none; } textarea { outline: none; border: 0px; resize: none; background: transparent; } input::placeholder, textarea::placeholder { opacity: 0.5; } .abs { position: absolute; } .top0 { top: 0; } .left0 { left: 0; } .rtl { direction: rtl; } .pe-none { pointer-events: none; } .overflow-scroll-y { overflow-y: scroll; overflow-x: clip; } .overflow-scroll-x { overflow-x: scroll; overflow-y: clip; } .overflow-scroll { overflow: scroll; } .pointer { cursor: pointer } .repeat { background-repeat: repeat; } .no-repeat { background-repeat: no-repeat; } .transform-origin-center { transform-origin: center; } .preserve-3d { transform-style: preserve-3d; } .height-auto { height: auto; } .min-height-100vh { min-height: 100vh; min-height: 100dvh; } .height-100vh { height: 100vh; height: 100dvh; } .height-max-content { height: max-content; } .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } .dir-col { flex-direction: column; } .dir-col-rev { flex-direction: column-reverse; } .dir-row { flex-direction: row; } .dir-row-rev { flex-direction: row-reverse; } .rtl .dir-row-rev { flex-direction: row; } .rtl .dir-row { flex-direction: row-reverse; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .align-space-around { align-items: space-around; } .align-space-between { align-items: space-between; } .align-space-evenly { align-items: space-evenly; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-space-around { justify-content: space-around; } .justify-space-between { justify-content: space-between; } .justify-space-evenly { justify-content: space-evenly; } .rtl .align-start.dir-col { align-items: flex-end; } .rtl .align-end.dir-col { align-items: flex-start; } .z-index-9 { z-index: 9 } .lottie canvas { object-fit: cover; } *:has(> .spline-canvas) { overflow: hidden; } .spline-canvas { object-fit: cover; width: 100%; height: 100%; } .fixed { position: fixed; } .sticky { position: sticky; } section.sticky, section.fixed { } .z-index-top { z-index: 9; } .flex > .sticky { top: 0; margin: 0; } .pin-spacer>.scroll { max-width: 9999px !important; max-height: 9999px !important; transform-origin: center; } .swiper-marquee .swiper-wrapper { transition-timing-function: linear; } .swiper-slide.inner_grid { display: grid; } .swiper-slide.flex { display: flex; } .swiper-wrapper { height: 100%; } .swiper-wrapper .swiper-slide { // height: auto; // width: auto; } .swiper-wrapper .swiper-slide-active { visibility: visible !important; } .swiper-fade > .swiper-wrapper > *:not(.swiper-slide-visible) { height: 0; } html .swiper-wrapper > * { // margin-left: auto; // margin-right: auto; } .split-text.overflow-hidden > div { overflow: clip; } html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } .video_background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .darkinvert input { color: var(--darkest); } * ::-webkit-scrollbar { width: var(--scrollbar-width); height: var(--scrollbar-width); } * ::-webkit-scrollbar-track { background: var(--scrollbar-background); border-radius: var(--scrollbar-radius); } * ::-webkit-scrollbar-thumb { background: var(--scrollbar-color); border-radius: var(--scrollbar-radius); } @font-face {font-family: 'Infiniti Brand'; src: url('https://hosti.flowmoapp.io/designer/GtWLtV2d1pQZHJRI8WXNTqSOZY52/fonts/1716985679379_-_InfinitiBrandRegular.woff'); font-weight: 400; font-style: normal;}@font-face {font-family: 'Infiniti Brand'; src: url('https://hosti.flowmoapp.io/designer/GtWLtV2d1pQZHJRI8WXNTqSOZY52/fonts/1716985727401_-_InfinitiBrandLight.woff'); font-weight: 300; font-style: normal;}@font-face {font-family: 'Infiniti Brand'; src: url('https://hosti.flowmoapp.io/designer/GtWLtV2d1pQZHJRI8WXNTqSOZY52/fonts/1716985744967_-_InfinitiBrandBold.woff'); font-weight: 700; font-style: normal;}