@font-face {
  font-family: Sangbleusunrise Webs;
  src: url('../fonts/SangBleuSunrise-Bold-WebS.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sangbleusunrise Webs;
  src: url('../fonts/SangBleuSunrise-Medium-WebS.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sangbleusunrise Webs;
  src: url('../fonts/SangBleuSunrise-Regular-WebS.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #000;
  letter-spacing: .6px;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  letter-spacing: .2px;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

a {
  color: #757575;
  text-decoration: none;
}

a:hover {
  color: #000;
}

img {
  display: inline-block;
}

.heading-h1 {
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

.heading-h1.project-grid-quoteblock {
  margin-left: 60px;
}

.heading-h2 {
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.heading-h2.project-grid-title-small {
  margin-top: 15px;
  padding-left: 40px;
}

.main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100vw;
  max-height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.body {
  max-width: 100vw;
  max-height: 100vh;
}

.project-grid-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  place-items: stretch stretch;
  margin-top: 80px;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.body-2 {
  padding-left: 15px;
  padding-right: 15px;
}

.project-grid-quoteblock {
  margin-top: 25vh;
  margin-bottom: 25vh;
  margin-left: 60px;
}

.project-card-small {
  color: #000;
  margin-bottom: 30px;
}

.project-grid-image {
  vertical-align: top;
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 15px;
  transition: transform .2s ease-out;
  display: block;
}

.project-grid-image:hover {
  transform: scale(1.02);
}

.project-grid-text {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 60px;
}

.project-grid-text.heading-h2 {
  margin-bottom: 0;
  padding-left: 60px;
}

.project-card-middle {
  color: #000;
  margin-bottom: 30px;
}

.header-wrapper {
  z-index: 10000;
  background-color: #fffffff2;
  justify-content: center;
  width: 100vw;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: fixed;
  top: 0;
}

.image {
  width: 214px;
  margin-left: auto;
  margin-right: auto;
}

.header-logo {
  aspect-ratio: auto;
  height: 80px;
  position: static;
}

.div-block {
  display: flex;
}

.nav-wrapper-left {
  z-index: 9999;
  justify-content: flex-start;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.nav-burger-left {
  z-index: 7000;
  width: 35px;
  height: 35px;
  position: fixed;
  top: 50%;
  left: 30px;
  transform: translate(0%, -50%);
}

.nav-burger-left:hover {
  transform: scale(1.2)translate(0%, -50%);
}

.nav-wrapper-right {
  z-index: 8888;
  padding-right: 30px;
  position: fixed;
  top: 50vh;
  right: 0;
}

.nav-mail-right {
  height: 30px;
}

.header-strokes-res {
  display: none;
  overflow: visible;
}

.project-section {
  z-index: 0;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
  position: relative;
  top: 0;
}

.project-container-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  min-height: 100vh;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
  position: relative;
}

.project-heading {
  word-break: normal;
  overflow-wrap: anywhere;
  margin-top: 45vh;
  margin-bottom: 0;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 110px;
  font-weight: 500;
  line-height: 110px;
}

.project-skills {
  font-style: italic;
  line-height: 25px;
}

.container-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.project-image {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
}

.project-image-middle {
  object-fit: cover;
  border-radius: 15px;
  width: 100vw;
  height: 630px;
}

.project-container-images {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-top: 80px;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
  position: relative;
}

.project-image-small {
  object-fit: cover;
  border-radius: 15px;
  width: 100vw;
  height: 630px;
}

.footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: start;
  margin-left: 15px;
  margin-right: 15px;
  padding: 60px 60px 30px;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.footer-text-right {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 400;
}

.footer-block-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.footer-block-right {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.link-imprint {
  color: #000;
  -webkit-text-stroke-color: #000;
}

.link-imprint:hover {
  color: #757575;
}

.project-subheading {
  align-items: flex-end;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-weight: 500;
  display: flex;
}

.nav-panel {
  z-index: 4000;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffffe6;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  padding-top: 49vh;
  padding-left: 75px;
  padding-right: 75px;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0%;
}

.nav-panel-link {
  color: #000;
  border: 1px solid #fff0;
  display: block;
}

.nav-panel-link:hover {
  font-weight: 700;
}

.nav-panel-link.heading-h2 {
  font-weight: 400;
}

.nav-panel-res {
  z-index: 4000;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffffe6;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 49vh;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: none;
  position: fixed;
  top: 0;
}

.header-div-top {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  display: flex;
}

.project-video-wrapper {
  object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
}

.about-heading {
  word-break: normal;
  overflow-wrap: anywhere;
  font-family: Sangbleusunrise Webs, Arial, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.about-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  max-width: 100%;
  margin: 80px 15px;
  display: grid;
  position: relative;
}

.div-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.about-wrapper-text {
  margin-top: 36vh;
}

.about-text.about-heading {
  color: #000;
  line-height: 45px;
}

.about-text.about-heading.link:hover {
  color: #6d6d6d;
}

.about-section-divider {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.body-6 {
  color: #fff;
  background-color: #000;
}

@media screen and (max-width: 991px) {
  .body-3 {
    padding-right: 0;
  }

  .body-4 {
    aspect-ratio: auto;
  }

  .project-grid-text, .project-grid-text.heading-h2 {
    padding-left: 50px;
  }

  .project-card-huge {
    object-fit: cover;
  }

  .nav-burger-left {
    left: 20px;
  }

  .project-container-text {
    max-width: 100vw;
  }

  .project-heading {
    margin-top: 50%;
    margin-bottom: 60px;
  }

  .project-text, .project-image {
    margin-bottom: 60px;
  }

  .footer {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    justify-content: center;
  }

  .project-subheading {
    margin-top: 50%;
  }

  .nav-panel {
    padding-left: 65px;
  }

  .about-heading {
    margin-top: 50%;
  }

  .about-container {
    max-width: 100vw;
  }

  .about-wrapper-text {
    margin-top: 35vh;
  }

  .about-text {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 21px;
  }

  .heading-h1 {
    font-size: 26px;
    line-height: 30px;
  }

  .heading-h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .project-grid-section {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 65px;
  }

  .project-grid-image:hover {
    transform: none;
  }

  .project-grid-text {
    padding-left: 50px;
  }

  .header-wrapper {
    z-index: 6000;
    justify-content: space-between;
    align-items: center;
  }

  .header-logo {
    z-index: 7000;
    height: 65px;
    position: absolute;
  }

  .nav-wrapper-left, .nav-wrapper-right {
    display: none;
  }

  .image-3 {
    height: 35px;
  }

  .header-strokes-res {
    z-index: 7000;
    height: 32px;
    margin-top: 15px;
    margin-right: 15px;
    display: block;
    position: absolute;
    inset: auto 0% auto auto;
  }

  .header-strokes-res:hover {
    transform: scale(1.2);
  }

  .project-section {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .project-container-text {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-height: auto;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 18px;
    line-height: 23px;
  }

  .project-heading {
    margin-bottom: 30px;
    font-size: 68px;
    line-height: 75px;
  }

  .project-skills {
    line-height: 21px;
  }

  .project-image {
    margin-bottom: 0;
  }

  .project-container-images {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 0;
  }

  .footer {
    padding-bottom: 15px;
  }

  .project-subheading {
    font-size: 68px;
    line-height: 75px;
  }

  .nav-panel-res {
    width: 100%;
    display: flex;
  }

  .header-div-top {
    background-color: #fff;
    justify-content: space-between;
    align-items: flex-start;
    height: 65px;
  }

  .about-heading {
    margin-top: 40px;
    font-size: 26px;
    line-height: 30px;
  }

  .about-heading.about-link {
    margin-top: 30px;
  }

  .about-heading.about-skills {
    margin-top: 0%;
  }

  .about-container {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 18px;
    line-height: 23px;
  }

  .about-wrapper-text {
    margin-top: 0;
  }

  .about-text {
    margin-bottom: 0;
  }

  .about-text.about-heading {
    margin-top: 0%;
  }

  .about-text.about-heading.link {
    line-height: 65px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
    line-height: 19px;
  }

  .heading-h1 {
    font-size: 26px;
    line-height: 30px;
  }

  .heading-h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .project-grid-section {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 4fr;
  }

  .project-grid-text, .project-grid-text.heading-h2 {
    padding-left: 30px;
  }

  .project-container-text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 21px;
  }

  .project-heading {
    font-size: 60px;
    line-height: 65px;
  }

  .footer {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    max-width: 100vw;
  }

  .footer-text-right {
    line-height: 20px;
  }

  .footer-block-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 21px;
  }

  .footer-block-right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    margin-top: 10px;
  }

  .project-subheading {
    font-size: 60px;
    line-height: 65px;
  }

  .about-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#w-node-e64ccc7a-f664-911a-245e-1a71f25a0ec7-dabeb1c7, #w-node-_249770b1-76b2-62e1-5413-d44d2ce1aab4-dabeb1c7, #w-node-_5c845d26-a0a8-cd6e-c8c7-1ee9714f4255-dabeb1c7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_5dfe002a-8df0-22af-397e-a82f0104563c-01045637 {
  grid-area: 1 / 4 / 2 / 6;
}

#w-node-_5dfe002a-8df0-22af-397e-a82f0104563f-01045637 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_5dfe002a-8df0-22af-397e-a82f01045643-01045637 {
  grid-area: 2 / 1 / 2 / 2;
}

#w-node-_5dfe002a-8df0-22af-397e-a82f01045645-01045637 {
  grid-area: 1 / 4 / 2 / 6;
}

#w-node-b9f89c45-15e5-fbb5-ad09-39c81236041e-1236041e {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_6f41b30e-ed52-bdeb-1f00-b880014be7e6-014be7e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-2bf75c3a {
  grid-area: 2 / 5 / 3 / 10;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-2bf75c3a {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-2bf75c3a {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_89614ff4-298b-98a4-108f-96d29de8c617-2bf75c3a {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-2bf75c3a {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-2bf75c3a {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-2bf75c3a {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7c42ae31 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7c42ae31 {
  grid-area: 2 / 5 / 3 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7c42ae31 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_3578cb6a-3b5f-d861-5ae2-1847f84e2b74-7c42ae31 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_00e97a4a-3444-81d8-c62a-7e55819764cd-7c42ae31 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-7c42ae31 {
  grid-area: 4 / 2 / 5 / 7;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-7c42ae31 {
  grid-area: 4 / 7 / 5 / 12;
}

#w-node-ee8b048f-88cc-00f9-76df-d97a59b367c9-7c42ae31 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-7c42ae31 {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7ad1042a {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7ad1042a {
  grid-area: 2 / 5 / 3 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7ad1042a {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_3c3c866e-1ae2-922b-cf50-c539df632e93-7ad1042a {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-7ad1042a {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-7ad1042a {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-7ad1042a {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-da915f18 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-da915f18 {
  grid-area: 2 / 5 / 3 / 10;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-da915f18 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_89614ff4-298b-98a4-108f-96d29de8c617-da915f18 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-da915f18 {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-da915f18 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-da915f18 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-14989dc9 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-14989dc9 {
  grid-area: 2 / 5 / 3 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-14989dc9 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_3578cb6a-3b5f-d861-5ae2-1847f84e2b74-14989dc9 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-14989dc9 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-14989dc9 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-14989dc9 {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-acaf7841-188e-14bc-0730-1abd60c71d25-42c768ed {
  grid-area: 1 / 2 / 2 / 7;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-42c768ed {
  grid-area: 1 / 2 / 2 / 7;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-42c768ed {
  grid-area: 1 / 2 / 2 / 7;
}

#w-node-_76171893-82a2-0cd6-6603-cad886bcf456-42c768ed {
  grid-area: 1 / 8 / 2 / 12;
  align-self: end;
}

#w-node-_04e1fef0-0389-8915-33bb-641d6caf6928-42c768ed {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-_2dcebbed-0c67-aaf8-b005-3f58c88d1a4b-42c768ed {
  grid-area: 1 / 2 / 2 / 5;
  align-self: center;
}

#w-node-b1ab5482-1e43-8330-f6be-b70b134d99d5-42c768ed {
  grid-area: 1 / 6 / 2 / 12;
  align-self: center;
}

#w-node-_06c55c53-fdfa-f280-2d79-8bb84a51a416-42c768ed {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-d498f29b-0c44-249b-5146-3ef7550e6595-42c768ed {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-e28169b5 {
  grid-area: 2 / 5 / 3 / 10;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-e28169b5 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-e28169b5 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_89614ff4-298b-98a4-108f-96d29de8c617-e28169b5 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_9e4d83f1-352d-9a20-d951-a7f85c1ecd13-e28169b5 {
  grid-area: 5 / 2 / 6 / 12;
}

#w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-e28169b5 {
  grid-area: 3 / 2 / 4 / 12;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-e28169b5 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-e28169b5 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_547e293b-fcba-e203-2fc4-c70c9b410def-e28169b5 {
  grid-area: 4 / 2 / 5 / 7;
}

#w-node-_54a62e52-9cc8-94ae-8672-f4e253689640-e28169b5 {
  grid-area: 4 / 7 / 5 / 12;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-ab8787f6 {
  grid-area: 2 / 5 / 3 / 10;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-ab8787f6 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-ab8787f6 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_89614ff4-298b-98a4-108f-96d29de8c617-ab8787f6 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-ab8787f6 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-ab8787f6 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-1aa48564 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: start;
}

#w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-1aa48564 {
  grid-area: 2 / 3 / 3 / 5;
  align-self: start;
}

#w-node-_11bed4e6-d4f3-cd8a-e2ab-14d0324ad1ee-1aa48564 {
  grid-area: 2 / 5 / 3 / 11;
}

#w-node-_89614ff4-298b-98a4-108f-96d29de8c617-1aa48564 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_6176bc40-6603-313d-0e8b-d9e2b17687ff-1aa48564 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-_80d83910-4209-1981-5393-0cf9bcf19fe3-1aa48564 {
  grid-area: 2 / 7 / 3 / 12;
}

#w-node-_969bb57b-444e-d468-a2ce-5db89343bb84-1aa48564 {
  grid-area: 3 / 2 / 4 / 12;
}

@media screen and (max-width: 991px) {
  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-2bf75c3a {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-2bf75c3a {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-2bf75c3a {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7c42ae31 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7c42ae31 {
    grid-area: 2 / 5 / 3 / 12;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7c42ae31 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7ad1042a {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7ad1042a {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7ad1042a {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-da915f18 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-da915f18 {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-da915f18 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-14989dc9 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-14989dc9 {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-14989dc9 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-42c768ed {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-42c768ed {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_76171893-82a2-0cd6-6603-cad886bcf456-42c768ed {
    align-self: end;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-e28169b5 {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-e28169b5 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-e28169b5 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-ab8787f6 {
    grid-area: 2 / 5 / 3 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-ab8787f6 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-ab8787f6 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-1aa48564 {
    grid-column: 2 / 12;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-1aa48564 {
    grid-area: 2 / 2 / 3 / 5;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e64ccc7a-f664-911a-245e-1a71f25a0ec7-dabeb1c7 {
    grid-column: span 4 / span 4;
  }

  #w-node-_249770b1-76b2-62e1-5413-d44d2ce1aab4-dabeb1c7, #w-node-_5c845d26-a0a8-cd6e-c8c7-1ee9714f4255-dabeb1c7 {
    grid-column: span 4 / span 4;
    align-self: auto;
  }

  #w-node-b9f89c45-15e5-fbb5-ad09-39c81236041e-1236041e {
    grid-column: span 4 / span 4;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-2bf75c3a {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-2bf75c3a {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-2bf75c3a {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_89614ff4-298b-98a4-108f-96d29de8c617-2bf75c3a {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-2bf75c3a {
    grid-column: span 4 / span 4;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-2bf75c3a {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-2bf75c3a {
    grid-column: span 4 / span 4;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7c42ae31 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7c42ae31 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7c42ae31 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_3578cb6a-3b5f-d861-5ae2-1847f84e2b74-7c42ae31 {
    order: 1;
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_00e97a4a-3444-81d8-c62a-7e55819764cd-7c42ae31 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-7c42ae31 {
    order: 2;
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-7c42ae31 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-ee8b048f-88cc-00f9-76df-d97a59b367c9-7c42ae31 {
    grid-area: 6 / 1 / 7 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-7c42ae31 {
    grid-area: 5 / 1 / 6 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-7ad1042a {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-7ad1042a {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-7ad1042a {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_3c3c866e-1ae2-922b-cf50-c539df632e93-7ad1042a {
    grid-column: 1 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-7ad1042a {
    order: 2;
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-7ad1042a {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-7ad1042a {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-da915f18 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-da915f18 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-da915f18 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_89614ff4-298b-98a4-108f-96d29de8c617-da915f18 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-da915f18 {
    grid-column: span 4 / span 4;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-da915f18 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-da915f18 {
    grid-column: span 4 / span 4;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-14989dc9 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-14989dc9 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-14989dc9 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_3578cb6a-3b5f-d861-5ae2-1847f84e2b74-14989dc9 {
    order: 1;
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-14989dc9 {
    order: 2;
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-14989dc9 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-14989dc9 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-acaf7841-188e-14bc-0730-1abd60c71d25-42c768ed {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-42c768ed {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-42c768ed {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_76171893-82a2-0cd6-6603-cad886bcf456-42c768ed {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_04e1fef0-0389-8915-33bb-641d6caf6928-42c768ed {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_2dcebbed-0c67-aaf8-b005-3f58c88d1a4b-42c768ed {
    grid-area: 1 / 1 / 2 / 5;
    align-self: center;
  }

  #w-node-b1ab5482-1e43-8330-f6be-b70b134d99d5-42c768ed {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_06c55c53-fdfa-f280-2d79-8bb84a51a416-42c768ed {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-d498f29b-0c44-249b-5146-3ef7550e6595-42c768ed {
    grid-column: 1 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-e28169b5 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-e28169b5 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-e28169b5 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_89614ff4-298b-98a4-108f-96d29de8c617-e28169b5, #w-node-_9e4d83f1-352d-9a20-d951-a7f85c1ecd13-e28169b5 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_7db20d7c-02d4-0ece-c1a9-c58ccd1be816-e28169b5 {
    grid-column: span 4 / span 4;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-e28169b5 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-e28169b5, #w-node-_547e293b-fcba-e203-2fc4-c70c9b410def-e28169b5, #w-node-_54a62e52-9cc8-94ae-8672-f4e253689640-e28169b5 {
    grid-column: span 4 / span 4;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a5-ab8787f6 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-ab8787f6 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-ab8787f6 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_89614ff4-298b-98a4-108f-96d29de8c617-ab8787f6 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_512eda8a-c42d-4e8d-0de1-f592d79fd92a-ab8787f6 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-eb3a02a3-422a-b54f-88e0-2af07521dfb7-ab8787f6 {
    grid-column: span 4 / span 4;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318a3-1aa48564 {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_3f54d551-a3ad-d3da-0897-5fd4bde318ad-1aa48564 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_11bed4e6-d4f3-cd8a-e2ab-14d0324ad1ee-1aa48564 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_89614ff4-298b-98a4-108f-96d29de8c617-1aa48564 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_6176bc40-6603-313d-0e8b-d9e2b17687ff-1aa48564 {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_80d83910-4209-1981-5393-0cf9bcf19fe3-1aa48564 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_969bb57b-444e-d468-a2ce-5db89343bb84-1aa48564 {
    grid-area: 4 / 1 / 5 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_249770b1-76b2-62e1-5413-d44d2ce1aab4-dabeb1c7, #w-node-_5c845d26-a0a8-cd6e-c8c7-1ee9714f4255-dabeb1c7 {
    grid-column: span 4 / span 4;
  }
}


@font-face {
  font-family: 'Sangbleusunrise Webs';
  src: url('../fonts/SangBleuSunrise-Bold-WebS.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sangbleusunrise Webs';
  src: url('../fonts/SangBleuSunrise-Medium-WebS.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sangbleusunrise Webs';
  src: url('../fonts/SangBleuSunrise-Regular-WebS.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}