:root {
  --midnight-blue-2: #ff3c31;
  --black: #080808;
  --dark-cyan-2: #0e9594;
  --blue: #4d6cfa;
  --midnight-blue: #061581;
  --dark-cyan: #21c788;
}

body {
  color: #333;
  letter-spacing: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.28em;
  font-weight: 700;
  line-height: 1.4;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.4;
}

h3 {
  color: var(--midnight-blue-2);
  letter-spacing: .03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 1.88em;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.67em;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.46em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 1.5em;
}

a {
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 1em;
  text-decoration: none;
}

label {
  margin-bottom: .3em;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: none;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 4em 8vw;
  display: block;
  position: static;
}

.container.is-hero {
  width: 100%;
  height: 100%;
  max-width: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container.hidden {
  display: none;
}

.container.no-margin {
  padding-left: 2vw;
  padding-right: 2vw;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.global-styles {
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.rich-text p {
  margin-top: 0;
  margin-bottom: 1.6em;
}

.rich-text h1 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 3.28em;
}

.rich-text h2 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 2.5em;
}

.rich-text h3 {
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 2.19em;
}

.rich-text h4 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 1.88em;
}

.rich-text h5 {
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.67em;
}

.rich-text h6 {
  margin-top: 0;
  margin-bottom: .7em;
  font-size: 1.46em;
}

.page-wrapper {
  width: 100%;
  background-color: #f2f3f4;
  border-radius: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.h1 {
  font-size: 3.28em;
  line-height: 1.2;
}

.h2 {
  font-size: 2.5em;
  line-height: 1.2;
}

.h2.refernce-header {
  margin-bottom: 1em;
}

.h3 {
  font-size: 2.19em;
  line-height: 1.3;
}

.h4 {
  font-size: 1.88em;
  line-height: 1.3;
}

.h5 {
  font-size: 1.67em;
  line-height: 1.3;
}

.h6 {
  font-size: 1.46em;
}

.form_input {
  height: 3em;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0;
  margin-bottom: 1em;
  padding: 0 .9em;
  font-size: 1.25em;
}

.display {
  font-size: 4.38em;
  line-height: 1.1;
}

.display.red {
  color: var(--midnight-blue-2);
}

.form_submit {
  font-size: 1.25em;
}

.three-column-item {
  width: 33vw;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.three-column-item.text-inside {
  width: 23vw;
  height: 30vh;
  text-align: center;
  background-color: #fff;
  border-radius: .6em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-left: 2em;
  margin-right: 0;
  padding: 2em;
  display: flex;
}

.three-column-item.narrow {
  width: 20svw;
}

.paragraph-7 {
  font-size: 1.2em;
}

.popup__close {
  width: 5em;
  height: 5em;
  background-color: #eeedf2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  margin-right: 2em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.popup {
  z-index: 300;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.wrap-popup {
  width: 50%;
  height: 100vh;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 6em;
  display: flex;
}

.image-popup {
  width: 50%;
  height: 100vh;
  object-fit: cover;
}

.three-column_container {
  justify-content: space-between;
  display: flex;
}

.three-column_container.narrow {
  width: 130%;
  justify-content: space-between;
  margin: 3vw 0;
}

.subheading {
  color: #0b0b0b;
  font-size: 1.5rem;
}

.item-wrap {
  width: auto;
}

.top-margin {
  margin-top: .25em;
}

.section {
  position: relative;
  overflow: visible;
}

.section.footer {
  color: #333;
  background-color: rgba(20, 28, 34, .01);
  margin-top: 5em;
}

.section.hero {
  min-height: 50vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  display: block;
}

.section.small-padding {
  padding-left: 10vw;
  padding-right: 10vw;
}

.popup__icon {
  width: 40%;
}

.three-column_photo {
  width: 50vw;
  height: auto;
  object-fit: cover;
  border-radius: .6em;
}

.hero_height {
  padding-top: 100%;
  position: relative;
}

.hero_logo {
  width: 9.6rem;
  margin-bottom: 1.5rem;
}

.chat-2 {
  z-index: 10;
  width: 52.7731%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.bubble_lines {
  width: 60%;
}

.chat_img {
  width: 24.4444%;
  background-image: url('../images/image3.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100vw;
  padding-top: 24.4444%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.button-2 {
  border: .14em solid var(--black);
  text-align: center;
  border-radius: 100vw;
  margin-top: 1.5em;
  padding: .9em 4.24em;
  font-size: .9rem;
  transition: all .2s;
}

.button-2:hover {
  color: #0b0b0b;
  background-color: #dbdbdb;
}

.hero_p {
  color: var(--black);
}

.hero_photo-3 {
  width: 52.7731%;
  padding-top: 71.4286%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hero_photo-3.is--2 {
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.hero_right-2 {
  width: 50%;
}

.hero_right-2.hidden {
  display: none;
  overflow: visible;
}

.button_text {
  font-size: 1em;
  line-height: 1.2;
}

.hero_img-2 {
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3.18471%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero_contain {
  padding-bottom: .9em;
}

.hero_graphic {
  z-index: 1;
  width: 52.5478%;
  margin: -9.55414%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hero_graphic.is--2 {
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.hero_call-2 {
  z-index: 3;
  width: 51.2739%;
  background-color: #1d46f2;
  border-radius: 100vw;
  margin-bottom: -8%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16.879%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.chat_dot {
  width: 25.974%;
  background-color: #ff6557;
  border: 1px solid #0b0b0b;
  border-radius: 50%;
  padding-top: 25.974%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bubble-2 {
  width: 51.1111%;
  background-color: rgba(41, 41, 41, .11);
  border-radius: 100vw 0 100vw 100vw;
  margin-top: 17%;
  margin-right: 29%;
  padding-top: 13.9241%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.bubble-2.is--2 {
  background-color: #afafaf;
  border-top-left-radius: 0;
  border-top-right-radius: 100vw;
  border-bottom-left-radius: 100vw;
  margin-top: 34%;
  margin-right: 46%;
}

.bubble_wrap-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero_call-div-2 {
  width: 50%;
  height: 80%;
  background-color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 4%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.hero_left-2 {
  width: 40%;
}

.hero_call-icon {
  width: 20%;
}

.navbar-link {
  font-weight: 400;
}

.menu-nav-icon {
  display: none;
}

.nav-bar_lottie {
  display: block;
}

.navbar {
  z-index: 200;
  background-color: rgba(0, 0, 0, .68);
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar.sj {
  background-color: rgba(0, 0, 0, 0);
  padding: 2em 4em;
}

.div-block-2 {
  position: static;
}

.navbar-menu-item {
  color: var(--black);
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: .4em 1.5em;
  font-size: .8em;
  font-weight: 400;
}

.navbar-menu-item:hover {
  color: var(--dark-cyan-2);
}

.navbar-menu-container {
  align-items: center;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  display: flex;
}

.m-b-1 {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-weight: 400;
}

.two-column-item_contain {
  padding-right: 3em;
}

.two-column-item_contain.is-inverted {
  padding-left: 3em;
  padding-right: 0;
}

.button {
  text-align: center;
  white-space: nowrap;
  transform-style: preserve-3d;
  background-color: #1d46f2;
  border: .14em solid #d3fd50;
  border-radius: 100vw;
  margin-top: 0;
  padding: .9em 4.24em;
  transition: all .2s;
  transform: translate(0);
}

.button:hover {
  background-color: #1d46f2;
  background-image: linear-gradient(rgba(11, 11, 11, .14), rgba(11, 11, 11, .14));
  transform: scale(.9);
}

.button.w--current:hover {
  background-color: rgba(211, 253, 80, .13);
}

.button.is--white {
  color: #0b0b0b;
  background-color: #fff;
  border-color: #0b0b0b;
  margin-top: 0;
}

.button.first--button {
  margin-top: 0;
  margin-right: 2em;
}

.button.nav-button {
  border-color: var(--black);
  background-color: #a8a8a8;
}

.two-column-container {
  align-items: center;
  display: flex;
}

.two-column-container.flip-on-mobil {
  justify-content: center;
}

.wide-img {
  width: 50vw;
  height: 50vw;
  max-width: none;
  object-fit: cover;
  object-position: 50% 40%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -10vw;
}

.wide-img.is-inverse {
  margin-left: 0;
}

.two-column_item {
  width: 50%;
  flex: 0 auto;
}

.moving-text {
  width: 100vw;
  margin-left: -10vw;
  overflow: hidden;
}

.two-column-text_container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.display-text-2 {
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 9em;
}

.moving-text_line {
  width: 9em;
  height: .2em;
  min-width: 9em;
  background-color: #fff;
  margin-left: 1em;
  margin-right: 1em;
}

.cta-card {
  color: #fff;
  background-color: #1d46f2;
  border-radius: .6em;
  justify-content: space-between;
  align-items: center;
  padding: 4.2em;
  display: flex;
}

.cta-text {
  padding-right: 2em;
}

._0-2-bottom-margin-copy {
  margin-bottom: .2em;
}

.footer-top {
  justify-content: space-between;
  padding-left: 4em;
  display: flex;
}

.bold {
  margin-bottom: 2em;
  font-weight: 400;
}

.footer-icon {
  height: 1.5em;
  object-fit: contain;
  padding-left: 1em;
}

.footer-bottom {
  border: .2em #fff;
  border-top: .2em solid #8a8a8a;
  justify-content: space-between;
  margin-top: 0;
  padding: 2em 6em;
  display: flex;
}

.footer-column.social {
  align-items: flex-end;
  display: flex;
}

.footer-bottom-text {
  font-size: .7em;
}

.footer-bottom-text.last-link {
  margin-left: 1em;
}

.button-container {
  margin-top: 2em;
  padding-top: 0;
}

.grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  column-count: 2;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  column-gap: 6em;
  display: block;
}

.aspect_ratio {
  object-fit: cover;
  border-radius: 16px;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.img {
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: visible;
}

.text-wrap {
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
}

.text-wrap.s-m-b-4 {
  padding-bottom: 4em;
}

.inverted-col {
  color: #0b0b0b;
  margin-bottom: .3em;
  line-height: 1.2;
}

.l {
  font-size: 1.2em;
}

.container-1oovh {
  width: 100%;
  max-width: 100em;
  min-height: 100vh;
  perspective: 1000px;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.container-1oovh.flex-center {
  width: 80%;
  min-height: 80vh;
  background-color: rgba(255, 255, 255, .29);
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 2em;
}

.paragraph {
  line-height: 1.6;
}

.paragraph.invert-col {
  color: #0b0b0b;
  font-size: .9em;
}

.splide {
  width: 100%;
  position: relative;
}

.splide.slider1 {
  display: block;
}

.splide__list {
  justify-content: flex-start;
  display: flex;
}

.splide__slide {
  width: 33.33%;
  flex: none;
  padding-left: 0;
  padding-right: 0;
}

.slider-pil {
  padding-bottom: 3.5em;
}

.slider-pill_img {
  width: 100%;
  border-radius: 100vw;
  margin-bottom: 2em;
  padding-top: 128%;
  position: relative;
  overflow: hidden;
}

.slider-pill_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.center-text {
  text-align: center;
}

.splide__arrows {
  transition: all .2s;
}

.splide__arrows.splide__arrow--prev {
  transition: all .2s;
  display: flex;
  transform: rotate(0);
}

.container--flex {
  width: 100%;
  max-width: 100em;
  min-height: 100vh;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 6em;
  display: flex;
}

.share {
  margin-left: 1em;
  margin-right: 1em;
  padding: .2em .6em;
  display: inline-block;
}

.share_toggle {
  display: flex;
}

.share_wrap {
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
}

.share_line {
  width: 0%;
  height: .125em;
  background-color: var(--dark-cyan-2);
  transition: width .6s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.navbar-menu-item_wrap.last-one {
  margin-right: 1em;
}

.menu-item_wrap {
  position: relative;
}

.container-3-col {
  width: 100%;
  max-width: 100em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 6em;
  display: flex;
  position: static;
}

.container-3-col-footer {
  width: 100%;
  max-width: 100em;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 6em;
  display: flex;
  position: static;
}

.text-block {
  font-family: Cabinetgrotesk, sans-serif;
}

.dot {
  color: #d3fd50;
}

.nav-link {
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Cabinetgrotesk, sans-serif;
  font-weight: 500;
}

.navbar-menu {
  display: none;
}

.logo {
  color: #011581;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Cabinetgrotesk variable, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
}

.navbar-2 {
  z-index: 5000;
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  padding: 1.6em 8vw;
  display: flex;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-2.hidden, .navbar-icon {
  display: none;
}

.display-big {
  color: var(--black);
  margin-top: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 8em;
  font-weight: 400;
  line-height: 1;
}

.display-big.secondary-col {
  color: var(--blue);
}

.two-column-item {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  padding: 0 0 6em;
}

.two-column-item.right {
  margin-left: 0%;
}

.item-text_wrap.m-t-1em {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1.5em;
  line-height: 1;
  display: flex;
}

.item-text_wrap.m-t-1em.hidden {
  display: none;
}

.item-text {
  border-bottom: 2px solid var(--black);
  color: var(--black);
  letter-spacing: .02em;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1;
  display: inline;
}

.wrap {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.wrap.b-m-8em {
  margin-bottom: 0%;
  padding-bottom: 140px;
}

.wrap.b-m-8em.reference {
  display: none;
}

.wrap.s-p-b {
  padding-bottom: 5%;
}

.item-arrow {
  width: auto;
  height: 1.7em;
  object-fit: contain;
  margin-left: .5em;
  font-size: 1em;
  line-height: 1;
}

.author {
  text-align: right;
  margin-top: 1em;
}

.mail {
  color: var(--midnight-blue-2);
  margin-top: .125em;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 8em;
  font-weight: 400;
  line-height: 1;
}

.hero-right {
  width: 40vw;
  margin-right: -6em;
}

.hero-height {
  padding-top: 100%;
  position: relative;
}

.hero-graphics {
  width: 100%;
  max-width: none;
  padding-top: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hero-lmage {
  z-index: -1;
  height: 90vh;
  max-width: none;
  position: absolute;
  top: -101%;
  bottom: auto;
  left: -90%;
  right: auto;
}

.body-project.reuse {
  background-color: #fafafa;
}

.img-item_wrap {
  overflow: hidden;
}

.body {
  background-color: #21c788;
}

.div-block-3 {
  width: 100%;
  display: flex;
}

.div-block-4, .div-block-5 {
  width: 50%;
}

.label-text {
  color: #001064;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.label-text.link:hover {
  color: #20c788;
}

.link {
  font-weight: 500;
}

.link.label-text {
  font-weight: 700;
}

.entry-display {
  color: var(--midnight-blue-2);
  margin-bottom: 1em;
  font-size: 4em;
  line-height: 1;
}

.entry-display.extra-margin {
  color: var(--midnight-blue-2);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  line-height: 1.1;
}

.entry-text {
  margin-top: 2%;
  font-size: 2.5em;
  line-height: 1.4;
}

.entry-text.bottom-margin {
  margin-top: 5.6em;
  margin-bottom: 6.4em;
}

.project-screen-wrap {
  height: auto;
  border-radius: 1em;
  justify-content: center;
  padding: 0 2em 3em 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-screen-wrap.no-bottom-padding {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1em;
  padding: 3em 3em 0;
  position: relative;
  overflow: hidden;
}

.project-screen-wrap.profile-image {
  padding: 0;
}

.work-screen {
  z-index: 1;
  width: 100%;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 1em;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  box-shadow: 11px 16px 20px -1px rgba(0, 0, 0, .13);
}

.work-screen.ration {
  width: auto;
  height: auto;
}

.project-screen-backround {
  z-index: 0;
  width: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1em;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.project-screen-backround._1 {
  background-color: rgba(0, 0, 0, 0);
}

.project-screen-backround._2 {
  background-color: #f2f3f4;
}

.project-screen-backround._3, .project-screen-backround._4 {
  background-color: rgba(0, 0, 0, 0);
}

.project-screen-backround._6 {
  background-color: #1f3fea;
}

.one-column-item {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  padding: 0;
}

.one-column-item.right {
  margin-left: 2%;
}

.work-screen-half {
  z-index: 1;
  mix-blend-mode: normal;
  border-radius: 1em 1em 0 0;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  box-shadow: 11px 16px 20px -1px rgba(0, 0, 0, .13);
}

.div-block-6 {
  position: relative;
}

.work-link-hover {
  width: auto;
  justify-content: space-between;
  margin-top: 0;
  display: block;
  position: relative;
}

.project-link-block {
  letter-spacing: 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.arrow-button {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.arrow-button:hover {
  color: var(--midnight-blue);
}

.arrow-button.disable {
  opacity: .41;
}

.label-wrap {
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
}

.wrap-work {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2em;
  display: block;
}

.wrap-work.b-m-8em {
  margin-bottom: 2%;
}

.heading-6 {
  background-color: #ebebeb;
  border-radius: 100px;
  padding: .5em 1em;
}

.label-heding {
  background-color: var(--blue);
  color: #fff;
  border-radius: 100px;
  margin-top: .5em;
  margin-right: .5em;
  padding: .6em 1em .4em;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1;
}

.heading-7 {
  letter-spacing: .02em;
}

.project-reference {
  height: 100%;
  background-color: #fff;
  border-radius: 1em;
  justify-content: center;
  padding: 4.9em;
  display: flex;
  position: relative;
}

.project-reference.no-bottom-padding {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1em;
  padding: 5em 5em 0;
  position: relative;
  overflow: hidden;
}

.reference-paragraph {
  font-size: 2em;
  font-style: normal;
  font-weight: 400;
}

.refence-jmeno {
  color: var(--black);
  text-align: right;
  margin-top: 1em;
  font-size: 1.6em;
  font-weight: 700;
}

.refernce-header {
  margin-bottom: 3em;
}

.heading-8 {
  letter-spacing: .03em;
}

.heading-9 {
  font-weight: 400;
}

.profile-photo {
  width: 50vw;
  height: auto;
  object-fit: cover;
  border-radius: .6em;
}

.work-screen_container {
  position: relative;
}

.work-screen_cover {
  z-index: 20;
  background-color: #061581;
  border-radius: 0;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.work-screen_cover.hiodden {
  display: none;
}

.work-screen-logo {
  height: auto;
}

.profile {
  border-radius: 1em;
}

.te-ka {
  color: #20c788;
}

.slider-wrap {
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.slider-right {
  width: 40%;
}

.slider-left {
  width: 50%;
  align-items: center;
  padding-right: 6em;
  display: flex;
}

.swiper-slide {
  background-image: url('../images/Spodni-proudy-Jordanu.jpg');
  background-position: 0 0;
  background-size: cover;
}

.swiper-slide.is_photos {
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 1em;
}

.swiper-slide.is_photos._2 {
  background-image: url('../images/Taborska-setkani.jpg');
  background-position: 50%;
  background-size: cover;
}

.swiper-slide.is_photos._3 {
  background-image: url('../images/Komedianti_2019.jpg');
}

.swiper-slide.is_photos._4 {
  background-image: url('../images/Taborska-setkani_2021.jpg');
}

.swiper-slide.is_photos._5 {
  background-image: url('../images/vanocni-plakat_2020.jpg');
}

.swiper-slide.is_photos._6 {
  background-image: url('../images/Vanocni-vystava_2020.jpg');
}

.swiper-slide.is_photos._7 {
  background-image: url('../images/Vanoce_2019.jpg');
}

.swiper-slide.is_photos._8 {
  background-image: url('../images/Loutko-hratky.jpg');
}

.swiper-slide.is_photos._9 {
  background-image: url('../images/Vanoce-Mikulas_2019.jpg');
}

.slider_height {
  width: 100%;
  padding-top: 140%;
}

.heading-11, .heading-12 {
  color: var(--midnight-blue-2);
}

.link-text {
  border-bottom: 2px solid var(--black);
  color: var(--black);
  transition: color .3s;
  display: inline-block;
}

.link-text:hover {
  border-bottom-color: var(--midnight-blue);
  color: var(--midnight-blue);
}

.hero-wrap {
  padding-top: 20vw;
  padding-bottom: 3vw;
}

.page-wrapper--stylesheets {
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
  display: none;
  position: relative;
  overflow: hidden;
}

.body-text {
  margin-bottom: 1vw;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.4;
}

.body-text.hero {
  font-size: 3em;
}

.body-text.hero.hidden {
  display: none;
}

.body-text.hero.space {
  color: var(--black);
  margin-top: 10vw;
  font-weight: 500;
}

.emahasize {
  color: var(--blue);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Cabinetgrotesk, sans-serif;
  font-weight: 500;
}

.body-text--link {
  border-bottom: 1px solid var(--black);
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.1;
}

.body-text--link:hover {
  border-bottom-color: var(--midnight-blue);
  color: var(--midnight-blue);
  -webkit-text-stroke-color: var(--midnight-blue);
}

.link-2 {
  border-bottom: 1px solid var(--black);
  color: var(--black);
  text-decoration: none;
}

.link-2:hover {
  border-bottom-width: 1px;
  border-bottom-color: var(--midnight-blue);
  color: var(--midnight-blue);
}

.body-text-copy {
  margin-bottom: 1vw;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.75;
}

.body-text-copy.hero {
  font-size: 3em;
}

.body-text-copy.hero.hidden {
  display: none;
}

.link-block {
  border-radius: 100px;
  padding-top: 2vw;
  padding-right: 2vw;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.paragraph-8 {
  background-color: var(--midnight-blue-2);
  color: #fff;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-radius: 100px;
  padding: .9em 1.8em .7em;
  font-weight: 700;
  line-height: 1;
}

.columns {
  color: var(--black);
  column-count: 2;
  column-gap: 6em;
}

.text-span {
  line-height: 1.4;
}

.text-span-2 {
  line-height: 1;
}

.html-embed {
  height: 1.7em;
  margin-top: 2px;
  padding-top: 0;
  padding-left: 1em;
  font-size: 1em;
}

@media screen and (max-width: 991px) {
  body {
    font-size: .619375em;
  }

  .container {
    padding-left: 6vw;
    padding-right: 2vw;
  }

  .three-column-item.text-inside {
    width: 70%;
    height: 90%;
    margin-bottom: 2em;
    margin-left: 0;
  }

  .popup {
    height: 100%;
    flex-direction: column;
    display: none;
  }

  .wrap-popup {
    width: 100%;
  }

  .image-popup {
    width: 100%;
    height: 50vh;
  }

  .three-column_container.narrow {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section.hero {
    min-height: 50vh;
    margin-bottom: 0;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .three-column_photo {
    width: 42vw;
  }

  .hero_right-2 {
    width: 100%;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
  }

  .hero_left-2 {
    width: 100%;
    max-width: 64em;
    margin-bottom: 6.1em;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-link {
    width: 100vw;
    font-size: 1.2em;
  }

  .menu-nav-icon {
    width: 3em;
    color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
  }

  .nav-bar_lottie {
    z-index: 3;
    color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .navbar {
    padding-top: 4em;
    padding-left: 6em;
    padding-right: 6em;
  }

  .navbar.sj {
    padding-left: 6vw;
    padding-right: 6vw;
    position: relative;
  }

  .navbar-menu-item {
    border-bottom: 1px solid #000;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 0;
    font-size: 1.2em;
    font-weight: 400;
  }

  .navbar-menu-container {
    z-index: -1;
    height: 0;
    background-color: #fbfbfc;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    padding-left: 6em;
    padding-right: 6em;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .two-column-item_contain {
    padding-right: 2em;
  }

  .button {
    transform: scale3d(1none, 1none, 1none);
  }

  .button:hover {
    background-image: linear-gradient(rgba(11, 11, 11, 0), rgba(11, 11, 11, 0));
    transform: scale(1);
  }

  .button.w--current:hover {
    background-color: rgba(211, 253, 80, 0);
    background-image: linear-gradient(rgba(11, 11, 11, 0), rgba(11, 11, 11, 0));
  }

  .wide-img {
    margin-left: -7vw;
  }

  .grid {
    column-gap: 3em;
  }

  .container-1oovh {
    min-height: 50vh;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .container-1oovh.flex-center {
    width: 100%;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .container--flex, .container-3-col, .container-3-col-footer {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .text-block {
    font-size: 1em;
  }

  .nav-link {
    width: 100%;
    border: 1px #000;
    border-bottom: .3em solid #000;
    padding-top: .7em;
    padding-bottom: .7em;
    font-size: 1.9em;
  }

  .navbar-icon_lottie {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .navbar-menu {
    z-index: -1;
    height: 0;
    background-color: #686868;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0 4.2em;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .logo {
    font-size: 3em;
  }

  .navbar-2 {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .navbar-icon {
    width: 2.5em;
    display: none;
  }

  .display-big {
    font-size: 8em;
  }

  .two-column-item {
    margin-bottom: 0;
    padding-bottom: 3em;
  }

  .item-text {
    border-bottom-width: 1px;
  }

  .item-arrow {
    height: 2em;
    font-size: 1em;
  }

  .mail {
    font-size: 8em;
  }

  .entry-display.extra-margin {
    margin-left: 0;
  }

  .project-screen-wrap {
    padding: 0 3vw 3vw 0;
  }

  .project-screen-wrap.no-bottom-padding {
    padding: 3em;
  }

  .work-screen {
    box-shadow: 9px 12px 15px -1px rgba(0, 0, 0, .13);
  }

  .project-reference {
    padding-left: 3em;
    padding-right: 3em;
  }

  .profile-photo {
    width: 42vw;
  }

  .body-text, .body-text-copy {
    margin-bottom: 0;
    padding-bottom: 2vw;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-right: 6vw;
  }

  .three-column-item.text-inside {
    width: 100%;
    height: 100%;
  }

  .item-wrap {
    width: 100vw;
  }

  .section.hero {
    margin-bottom: 0;
  }

  .section.small-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .three-column_photo {
    width: 40vw;
  }

  .menu-nav-icon {
    width: 2em;
  }

  .image-6 {
    width: 30vw;
  }

  .navbar-menu-item {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }

  .two-column-item_contain {
    padding-top: 3em;
    padding-right: 0;
  }

  .two-column-container {
    flex-direction: column-reverse;
  }

  .two-column-container.flip-on-mobil {
    flex-direction: column;
  }

  .wide-img {
    width: 90vw;
    height: 50vw;
  }

  .wide-img.is-inverse {
    margin-left: 1vw;
    margin-right: -7vw;
  }

  .two-column_item {
    width: 100%;
  }

  .cta-card {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cta-text {
    padding-bottom: 2em;
    padding-right: 0;
  }

  .footer-top {
    flex-direction: column;
  }

  .bold {
    margin-bottom: .8em;
  }

  .footer-icon {
    padding-left: 0;
    padding-right: 1em;
  }

  .footer-column {
    margin-bottom: 2em;
  }

  .grid {
    column-count: 1;
    grid-template-columns: 1fr;
  }

  .container-1oovh {
    min-height: auto;
  }

  .paragraph.invert-col {
    font-size: 1.2em;
  }

  .display-big {
    font-size: 5em;
  }

  .two-column-item {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 3em;
  }

  .two-column-item.right {
    margin-left: 0%;
  }

  .wrap.b-m-8em {
    flex-flow: column;
    display: flex;
  }

  .item-arrow {
    font-size: 1em;
  }

  .mail {
    margin-top: .25em;
    font-size: 6em;
  }

  .entry-display.extra-margin {
    margin-left: 0;
  }

  .project-screen-wrap {
    padding-bottom: 3em;
  }

  .one-column-item {
    margin-bottom: 8em;
  }

  .work-link-hover {
    width: 100%;
  }

  .wrap-work.b-m-8em {
    flex-flow: column;
    display: flex;
  }

  .label-heding {
    margin-right: .5em;
  }

  .project-reference {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }

  .reference-paragraph {
    font-size: 1.8em;
  }

  .profile-photo {
    width: 100vw;
  }

  .slider-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .slider-right {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 9%;
    padding-right: 9%;
    display: block;
  }

  .slider-left {
    width: 100%;
  }

  .body-text.hero {
    font-size: 2em;
  }

  .link-2 {
    border-bottom-width: 1px;
  }

  .body-text-copy.hero {
    font-size: 2em;
  }

  .columns {
    column-count: 1;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 1.8em;
  }

  .container {
    padding-top: 2em;
    padding-left: 6vw;
    padding-right: 2vw;
  }

  .container.is-hero {
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 0;
    padding-right: 2vw;
    position: relative;
  }

  .page-wrapper {
    border-radius: 0;
  }

  .h2.refernce-header {
    font-size: 1.8em;
  }

  .three-column-item {
    width: 100%;
    padding-bottom: 0;
  }

  .three-column-item.text-inside {
    width: 100%;
  }

  .three-column-item.narrow {
    width: 100%;
    padding-bottom: 0;
  }

  .heading-5 {
    font-size: 3em;
  }

  .wrap-popup {
    padding: 3em;
  }

  .three-column_container {
    flex-direction: column;
  }

  .subheading {
    font-size: 1rem;
  }

  .item-wrap {
    width: 100vw;
  }

  .section.hero {
    min-height: 80vh;
    justify-content: flex-start;
  }

  .three-column_photo {
    width: 90vw;
    height: 90vw;
  }

  .image-6 {
    width: 50vw;
  }

  .navbar-menu-item {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .navbar-menu-container {
    padding-left: 4em;
    padding-right: 4em;
  }

  .two-column-item_contain.is-inverted {
    padding-left: 0;
  }

  .button.first--button {
    margin-bottom: 1em;
  }

  .display-text-2 {
    font-size: 4em;
  }

  .footer-bottom {
    align-items: center;
    margin-top: 2em;
  }

  .grid {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    grid-template-columns: 1fr;
  }

  .text-wrap {
    padding-left: 1em;
    padding-right: 1em;
  }

  .l {
    font-size: 1.3em;
  }

  .container-1oovh {
    min-height: 80vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container-1oovh.flex-center {
    padding-left: 1em;
    padding-right: 1em;
  }

  .logo {
    font-size: 1.7em;
  }

  .display-big, .display-big.secondary-col {
    font-size: 4.5em;
  }

  .display-big.capitals {
    text-transform: uppercase;
  }

  .two-column-item {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 3em;
  }

  .two-column-item.right {
    margin-left: 0%;
    padding-bottom: 0;
  }

  .two-column-item.right.labels {
    margin-top: 2em;
  }

  .two-column-item.column-flex {
    flex-direction: column;
    display: flex;
  }

  .wrap {
    flex-flow: column;
    align-content: flex-start;
    justify-content: flex-start;
  }

  .wrap.b-m-8em {
    flex-direction: column;
    margin-bottom: 0;
  }

  .item-arrow {
    font-size: 1em;
    line-height: .1;
  }

  .mail {
    font-size: 2.6em;
  }

  .label-text {
    font-size: 1.4em;
  }

  .entry-display {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2.8em;
    line-height: 1.2;
  }

  .entry-display.extra-margin {
    color: var(--midnight-blue);
    margin-top: 0;
    margin-left: 0;
    font-size: 2.8em;
    line-height: 1.2;
  }

  .entry-text {
    margin-top: 0;
    margin-bottom: 1em;
    line-height: 1.35;
  }

  .project-screen-wrap {
    padding: 0 1.5em 2em 0;
  }

  .project-screen-wrap.no-bottom-padding {
    padding: 1.3em 1.3em 0;
  }

  .work-screen {
    box-shadow: 6px 8px 15px -1px rgba(0, 0, 0, .13);
  }

  .project-screen-backround {
    background-color: rgba(0, 0, 0, 0);
  }

  .one-column-item {
    width: 100%;
    margin-bottom: 4em;
    padding-bottom: 2em;
  }

  .work-screen-half {
    margin-bottom: -6px;
  }

  .work-link-hover {
    width: auto;
    padding-right: 2vw;
  }

  .project-link-block {
    margin-bottom: 0;
  }

  .arrow-button {
    color: var(--black);
  }

  .label-wrap {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .wrap-work {
    flex-flow: wrap;
    justify-content: flex-start;
    margin-bottom: 1em;
  }

  .wrap-work.b-m-8em {
    flex-direction: column;
    margin-bottom: 0;
  }

  .label-heding {
    margin-top: 0;
    margin-bottom: .5em;
    margin-right: .5em;
    font-weight: 500;
  }

  .project-reference {
    padding: 2em;
  }

  .reference-paragraph {
    color: var(--black);
    font-size: 1.4em;
    line-height: 1.4;
  }

  .refence-jmeno {
    color: var(--black);
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.4;
  }

  .profile-photo {
    width: 90vw;
    height: 90vw;
  }

  .reference-nazev {
    font-weight: 400;
  }

  .work-screen_cover {
    display: none;
  }

  .heading-10 {
    font-size: 1.6em;
  }

  .slider-wrap {
    margin-top: 0;
    margin-bottom: 3em;
    padding-top: 0;
    display: block;
  }

  .slider-right {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .slider-left {
    padding-right: 0;
  }

  .heading-13 {
    font-size: 1.6em;
  }

  .span-color {
    color: var(--midnight-blue);
  }

  .hero-wrap {
    padding-top: 50vw;
    padding-bottom: 4vw;
  }

  .page-wrapper--stylesheets {
    border-radius: 0;
  }

  .body-text {
    margin-bottom: .5em;
    line-height: 1.3;
  }

  .body-text.hero {
    font-size: 2em;
  }

  .body-text.hero.no-s-mb {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .body-text--link {
    border-bottom: 1px solid var(--black);
    margin-bottom: 0;
    line-height: 1;
  }

  .body-text-copy {
    margin-bottom: .5em;
    line-height: 1.3;
  }

  .body-text-copy.hero {
    font-size: 2em;
  }

  .div-block-7 {
    padding-right: 4vw;
  }

  .link-block {
    background-color: var(--midnight-blue-2);
    color: #fff;
    letter-spacing: .3em;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 1.2em .2em;
    font-weight: 700;
    position: absolute;
    top: 2vw;
    bottom: auto;
    left: auto;
    right: 2vw;
  }

  .paragraph-8 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.4em;
  }

  #w-node-_142b6f76-ed92-500b-7953-c8ffb0bdcdc0-0c609d90, #w-node-_07f13e90-31af-c56e-554c-fcef3cb4257a-0c609d90, #w-node-ad4a4cc6-8b03-0652-e2dc-f82865c0c2de-0c609d90, #w-node-_64d1a76a-d42f-7057-3b2a-aea8b765ba67-0c609d90, #w-node-_9845872e-f6f0-627b-ad3c-4ec0073479b5-0c609d90, #w-node-_7af63a46-0f43-ab08-e297-2a587541305c-0c609d90, #w-node-fcb0d869-b778-c98b-003f-9f26bf31fdb2-0c609d90, #w-node-_0a535374-135a-4c13-7202-888fd4ff0065-0c609d90, #w-node-eefc9859-67c7-0a1a-5c39-082839c831fe-0c609d90, #w-node-e3ba2ee0-9d86-9f73-6c84-2bda623f7982-0c609d90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6946ddc0-fd50-3433-1492-3c288e59f629-0c609d90 {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Bold.woff') format('woff'), url('../fonts/CabinetGrotesk-Extrabold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk variable';
  src: url('../fonts/CabinetGrotesk-Variable.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}