@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-HeavyItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-SuperItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext Super;
  src: url('../fonts/DrukText-Super.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-HeavyItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-violet: #faf6fc;
  --light-violet-2: #f3daff;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray600: #475467;
  --untitled-ui--white: white;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--primary50: #f9f5ff;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--pink50: #fdf2fa;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk, Arial, sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  line-height: 100%;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 144%;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  line-height: 127%;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: 700;
}

sub {
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-style: italic;
  line-height: 120%;
}

.hero--global--container {
  background-image: url('../images/Gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  max-width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero--global--container.cgu {
  background-image: none;
}

.navbar--container {
  background-color: #ddd0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.image--logo {
  border-radius: 11px;
  width: 48px;
  height: 48px;
}

.link {
  padding: 0;
  text-decoration: none;
}

.link.w--current {
  color: #000;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  transition: all .2s;
  display: flex;
}

.button:hover {
  border: 1px solid #fff;
}

.button.secondary {
  opacity: .5;
  color: #000;
  background-color: #fff;
}

.nav-menu--link {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.body {
  color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.badge--container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}

.review--cards {
  grid-column-gap: 40vh;
  grid-row-gap: 40vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 32px;
  display: flex;
}

.commentary--cards--item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fdf3fd;
  background-image: linear-gradient(#fff, #faf6fc);
  border: 1px solid #000;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 33vw;
  max-width: 660px;
  padding: 32px;
  display: flex;
  position: sticky;
  top: 35vh;
  transform: translate(0);
}

.commentary--cards--item.rotate-xl {
  transform: rotate(5deg);
}

.commentary--cards--item.rotate-l {
  transform: rotate(2deg);
}

.commentary--cards--item.rotate-m {
  transform: rotate(-1deg);
}

.commentary--cards--item.rotate-s {
  transform: rotate(-3deg);
}

.commentary--cards--item.rotate-xs {
  transform: rotate(-5deg);
}

.p {
  margin-bottom: 0;
}

.main-info--content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.caption {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.section--banner {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  background-image: linear-gradient(#faf6fc, #f3daff);
  border-radius: 24px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.brand {
  flex: 0 auto;
  padding-left: 0;
}

.brand.w--current {
  padding-left: 0;
}

.banner--illustration {
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  max-width: 50%;
  padding: 0 24px;
  display: flex;
  overflow: hidden;
}

.banner--left-side {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 50%;
  max-width: 520px;
  margin-bottom: 32px;
}

.subtitle {
  align-self: flex-start;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 144%;
}

.subtitle.centered {
  text-align: center;
  align-self: center;
}

.section--main-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 200px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.main-info--head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 860px;
}

.main-info--head.left {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
}

.main-info--illustration {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: 1 / 1.2;
  background-color: #f4f6f7;
  background-image: linear-gradient(#faf6fc, #f3daff);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.main-info--item-illu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.main-info--container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.main-info--container.picto-groupe {
  grid-column-gap: 60px;
  grid-row-gap: 120px;
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: stretch;
}

.section--faq {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 200px 64px 120px;
  display: flex;
}

.faq--title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 50%;
  max-width: 820px;
}

.faq--items--container {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.faq--item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-top: 26px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown--icn {
  margin: 0 0 auto;
  position: relative;
}

.icn--btn {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: -2px;
}

.image-4 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.cards--container_illustration {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 70vh;
  margin-top: 6vh;
  display: flex;
  position: sticky;
  inset: 20vh 0% auto;
}

.main-info--icn {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 96px;
  display: flex;
  overflow: hidden;
}

.main-info--item-icn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28%;
  max-width: 440px;
}

.section--more-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 64px 200px;
  display: flex;
}

.image-5 {
  height: 24px;
}

.review--title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  top: 24vh;
}

.social-proof--container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.faq--content {
  overflow: hidden;
}

.faq--item_title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
}

.section--footer {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 32px 64px;
  display: flex;
}

.footer--left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
}

.footer--right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.social--icn {
  border-radius: 6px;
  width: 24px;
}

.footer--link {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.hero--card {
  aspect-ratio: 2 / 3;
  transform-origin: 50% 0;
  object-fit: cover;
  background-color: #e4e4e4;
  border-radius: 24px;
  height: 32vh;
  position: absolute;
}

.hero--card.poster--01 {
  z-index: 5;
  background-color: #9affd3;
  background-image: url('../images/cover02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--02 {
  z-index: 4;
  background-color: #ff8356;
  background-image: url('../images/cover03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--03 {
  z-index: 1;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #9a9cff;
  overflow: hidden;
}

.hero--card.poster--04 {
  z-index: 3;
  background-color: #ff9af2;
  background-image: url('../images/cover04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--06 {
  z-index: 2;
  background-color: #ffd518;
  background-image: url('../images/cover01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.nav-menu--container {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
}

.banner--container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.nav-container {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 1792px;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.hero--title--container {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.image-7 {
  pointer-events: none;
  height: 64vh;
  transform: translate(0, 3%);
}

.cards--container_spacer {
  height: 100vh;
}

.hero--cards--container {
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  max-width: 100%;
}

.transition-effect_white {
  background-image: linear-gradient(#fff0, #fff);
  align-self: stretch;
  width: 110vw;
  height: 400px;
  margin-left: -32px;
  overflow: hidden;
}

.centered {
  text-align: center;
}

.cgu--container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 96px;
  }

  h2 {
    font-size: 40px;
  }

  h4 {
    letter-spacing: .2px;
    font-size: 24px;
  }

  .hero--global--container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar--container {
    align-self: stretch;
    padding-right: 0;
  }

  .nav-menu--link {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
  }

  .body {
    padding-bottom: 24px;
  }

  .badge--container {
    margin-top: 16px;
  }

  .review--cards {
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
  }

  .commentary--cards--item {
    min-width: auto;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
    top: 50vh;
  }

  .commentary--cards--item.rotate-xl {
    flex: 0 auto;
  }

  .caption {
    margin-bottom: 0;
  }

  .section--banner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 24px;
    width: auto;
    padding-top: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .banner--illustration {
    border-radius: 100px;
    flex: 0 auto;
    align-self: stretch;
  }

  .banner--left-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    width: 50%;
    margin-bottom: 24px;
  }

  .subtitle {
    font-size: 20px;
  }

  .section--main-info {
    padding: 120px 32px;
  }

  .main-info--container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .main-info--container.picto-groupe {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section--faq {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq--title {
    width: 80%;
  }

  .faq--items--container {
    width: 100%;
  }

  .faq--item {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .dropdown--icn {
    margin-top: 8px;
  }

  .main-info--icn {
    height: 64px;
  }

  .main-info--item-icn {
    width: auto;
  }

  .section--more-info {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-bottom: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .review--title {
    margin-left: auto;
    margin-right: auto;
  }

  .section--footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 64px 16px 32px;
  }

  .footer--left {
    flex: 1;
    order: -1;
    width: 100%;
    max-width: 100%;
  }

  .footer--right {
    order: -1;
  }

  .hero--card.poster--01, .hero--card.poster--02, .hero--card.poster--03, .hero--card.poster--04, .hero--card.poster--06 {
    height: 400px;
  }

  .nav-menu--container {
    align-self: stretch;
  }

  .banner--container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-container {
    padding-left: 0;
    padding-right: 0;
  }

  .transition-effect_white {
    width: 100%;
    margin-left: 0;
  }

  .cgu--container {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 72px;
  }

  h2 {
    font-size: 32px;
  }

  .hero--global--container {
    background-size: cover;
    background-attachment: fixed;
  }

  .button.navbar {
    display: none;
  }

  .review--cards {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-info--content {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .section--banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .banner--illustration {
    border-radius: 0;
    padding: 0;
  }

  .subtitle {
    font-size: 18px;
  }

  .section--main-info {
    padding-top: 64px;
    padding-bottom: 120px;
  }

  .main-info--head.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-info--container.picto-groupe {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .faq--title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 90%;
  }

  .main-info--item-icn {
    width: auto;
  }

  .section--more-info {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .social-proof--container, .section--footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer--left {
    flex: 0 auto;
  }

  .footer--right {
    flex: none;
    order: 1;
  }

  .hero--card.poster--01, .hero--card.poster--02, .hero--card.poster--03, .hero--card.poster--04, .hero--card.poster--06 {
    height: 300px;
  }

  .image-6 {
    align-self: flex-end;
  }

  .cgu--container {
    height: auto;
    margin-top: 64px;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    font-size: 20px;
  }

  p {
    font-size: 15px;
  }

  .banner--illustration {
    display: none;
  }

  .banner--left-side {
    flex: 0 auto;
    width: 100%;
    padding-bottom: 0;
  }

  .section--main-info {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cards--container_illustration {
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
  }

  .review--title {
    overflow: hidden;
  }

  .section--footer {
    padding-bottom: 0;
  }

  .image-7 {
    flex: 1;
  }
}


@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-SuperItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext Super';
  src: url('../fonts/DrukText-Super.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}