@font-face {
  font-family: Jaune;
  src: url('../fonts/NaNJauneTRIAL-MidiMedium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaune midiblond;
  src: url('../fonts/NaNJauneTRIAL-MidiBlond.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Khalos trial display;
  src: url('../fonts/Khalos-Trial-Display.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

a {
  text-decoration: none;
}

.logo {
  clear: none;
  grid-column-gap: 7px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  margin-top: -5px;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 15px;
  display: flex;
  position: static;
}

.header {
  padding-top: 8vh;
  position: static;
  overflow: hidden;
}

.marquee-1 {
  width: auto;
  padding-top: 26px;
  padding-bottom: 26px;
  overflow: hidden;
}

.marquee-2 {
  background-color: #000;
  width: auto;
  padding-top: 0;
  overflow: hidden;
}

.cat-outer {
  flex-direction: column;
  align-items: center;
  margin-bottom: -104px;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.large-cat-outer {
  overflow: visible;
}

.h1-home {
  text-align: left;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 92px;
  margin-left: -279px;
  font-family: Jaune, sans-serif;
  font-size: 5vw;
  font-weight: 500;
  line-height: 55px;
  overflow: visible;
}

.main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: block;
}

.footer {
  grid-column-gap: 100px;
  grid-row-gap: 50px;
  border-top: 3px solid #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  display: flex;
}

.project-outer {
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  color: #000;
  object-fit: fill;
  border-top: 3px solid #000;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: center;
  padding: 40px 71px;
  font-family: Jaune midiblond, sans-serif;
  display: flex;
  overflow: visible;
}

.project-outer.home {
  flex-direction: row;
  place-content: space-around flex-start;
  align-items: baseline;
  padding-top: 20px;
  padding-bottom: 20px;
}

.project-outer.home.bottom {
  border-bottom: 3px #000;
}

.project-outer.work {
  flex-direction: row;
  place-content: space-between center;
  align-items: flex-end;
}

.title {
  border: 1px #000;
}

.subtitle {
  align-self: auto;
  align-items: center;
  display: flex;
}

.h2-home {
  text-transform: uppercase;
  flex-direction: row;
  align-items: flex-start;
  font-family: Jaune midiblond, sans-serif;
  font-size: 4.5vw;
  line-height: 8vh;
  display: flex;
}

.h2-home.work {
  text-align: center;
}

.h2-home.home {
  text-align: left;
  flex-direction: row;
  align-items: flex-end;
  font-size: 4vw;
  transition: opacity .2s;
  display: flex;
}

.h2-home.home:hover {
  color: #7e7d7d;
}

.subtitle-home {
  color: #000;
  text-transform: none;
  align-items: center;
  font-family: Jaune midiblond, sans-serif;
  font-size: 2vw;
  transition: opacity .2s;
  display: flex;
}

.subtitle-home:hover {
  color: #807d7d;
}

.subtitle-home.work {
  font-size: 1.7vw;
}

.large-white-yomi {
  z-index: 1000;
  object-fit: fill;
  width: 600px;
  max-width: 50vw;
  margin: -89px 500px -422px;
  padding-bottom: 0;
  position: absolute;
  inset: 44% auto auto 12%;
  overflow: hidden;
}

.discussing-cat {
  justify-content: flex-end;
  display: flex;
}

.discussing-cat.work {
  border-top: 3px #000;
}

.cat-main {
  max-width: 35%;
  margin-right: 80px;
}

.footer-links {
  grid-column-gap: 100px;
  grid-row-gap: 50px;
  color: #fff;
  text-transform: none;
  margin-top: 75px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  font-family: Jaune midiblond, sans-serif;
  font-style: normal;
  display: flex;
}

.footer-links.home {
  grid-column-gap: 30px;
  color: #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.footer-links.crystal {
  grid-column-gap: 30px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.link-footer {
  color: #fff;
  text-transform: none;
  font-size: 30px;
  text-decoration: none;
}

.link-footer.white {
  color: #fff;
}

.link-footer.home {
  color: #000;
  font-size: 1.5vw;
  display: block;
}

.link-footer.home:hover {
  color: #8a8888;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top: 5px #000;
}

.link-footer.yellow {
  color: #fff101;
}

.footer-case-study {
  background-color: #fff;
}

.case-header-outer {
  color: #0000;
  text-align: center;
}

.case-study-header-title {
  grid-column-gap: 70px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
}

.case-study-header-title.wdawd {
  padding-bottom: 0;
}

.case-h1 {
  color: #c2c1c196;
  text-transform: uppercase;
  padding-left: 35px;
  font-family: Khalos trial display, sans-serif;
  font-size: 9vw;
}

.case-h1.haegue-yang {
  color: #d7494e;
}

.case-h1.lh {
  color: #fff101;
}

.case-h1.rv {
  color: #969696;
}

.case-h1.crystal {
  color: #478ec8;
}

.case-h1.white {
  color: #000;
  text-align: center;
  -webkit-text-stroke-color: #fdd018;
  padding-left: 6px;
  line-height: 100px;
}

.case-h1.white.gu {
  color: #fff;
}

.case-study-paragraph {
  border-right: 1px solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 4vh;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.case-study-paragraph.side {
  border-right-style: none;
  border-right-color: #969696;
  justify-content: flex-start;
}

.case-study-paragraph.hy {
  border-right-color: #d7494e;
}

.case-study-header-image {
  object-fit: fill;
  max-width: 100vw;
  overflow: visible;
}

.case-study-text {
  grid-column-gap: 16px;
  background-color: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-around center;
  place-items: start stretch;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.case-study-text.hy {
  border-top-color: #d7494e;
  border-bottom-color: #d7494e;
}

.h3-case-study {
  color: #000;
  text-align: center;
  border: 1px solid #969696;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  margin-top: 3vw;
  margin-bottom: 3vw;
  padding: 1vw;
  font-family: Jaune midiblond, sans-serif;
  font-size: 3vw;
  display: flex;
}

.h3-case-study.process {
  color: #000;
  margin: 5vw 15vw;
  padding: 1vw;
}

.h3-case-study.process.crystal {
  color: #93265d;
  border-color: #93265d;
}

.h3-case-study.process.lh {
  color: #fff101;
  border-color: #fff101;
}

.h3-case-study.process.hi, .h3-case-study.process.wwdw {
  color: #fff;
}

.h3-case-study.hy {
  color: #d7494e;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border-color: #d7494e;
}

.case-study-body {
  color: #000;
  text-align: center;
  -webkit-text-stroke-color: #000;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Jaune midiblond, sans-serif;
  font-size: 1.5vw;
  line-height: 3.5vh;
}

.case-study-body.hy {
  color: #d7494e;
  text-align: center;
  flex: 0 auto;
}

.subtitle-case-study {
  color: #969696;
  font-family: Jaune midiblond, sans-serif;
  font-size: 2.5vw;
}

.subtitle-case-study.haegue-yang {
  color: #d7494e;
}

.subtitle-case-study.rv {
  color: #969696;
}

.subtitle-case-study.lh {
  color: #fff101;
}

.subtitle-case-study.crystal {
  color: #93265d;
}

.subtitle-case-study.home {
  color: #000;
}

.subtitle-case-study.home.hi {
  color: var(--white);
}

.subtitle-case-study.white {
  color: #fff;
}

.color-outer {
  color: #fff;
  background-color: #b01938;
  justify-content: center;
  padding: 5vh 5vw;
  display: flex;
}

.color-outer.white {
  background-color: #000;
}

.color-outer.red {
  background-color: #fff;
}

.color-outer.green {
  background-color: #410b0b;
}

.color-outer.orange {
  background-color: #7a6143;
}

.color-outer.brown {
  background-color: #fff101;
}

.color-outer.blue-c {
  background-color: #2c65ad;
}

.color-outer.sand-c {
  background-color: #b88d5f;
}

.color-outer.yellow-c {
  background-color: #eee5ac;
}

.color-outer.v {
  background-color: #fff;
}

.color-outer.an1 {
  background-color: #3e6baa;
}

.color-outer.gray {
  background-color: #868686;
}

.color-outer.black {
  background-color: #000;
}

.color-outer.v1 {
  background-color: #ed1c24;
}

.color-outer.v2 {
  background-color: #fdd018;
}

.color-outer.v3 {
  background-color: #000;
}

.color-outer.v5 {
  background-color: #40ff40;
}

.color-outer.v4-1 {
  background-color: #000df2;
}

.color-outer.v6 {
  background-color: #fe016e;
}

.color-outer.v7 {
  background-color: #fcfe41;
}

.color-outer.v8 {
  background-color: #feff73;
}

.color-outer.v9 {
  background-color: #86ff8e;
}

.color-outer.v10 {
  background-color: #ff3312;
}

.color-outer.v11 {
  background-color: #7dc8ff;
}

.color-outer.v12 {
  background-color: #7f00ff;
}

.color-outer.v13 {
  background-color: #3ead56;
}

.color-outer.v15 {
  background-color: #95007b;
}

.color-outer.rv1 {
  background-color: #8f292c;
}

.color-outer.rv2 {
  background-color: #707824;
}

.color-outer.rv3 {
  background-color: #a6711c;
}

.color-outer.a {
  background-color: #fbfbec;
}

.color-outer.b {
  background-color: #d02520;
  border: 1px solid #000;
}

.color-outer.c {
  background-color: #ee9a0d;
}

.color-outer.d {
  background-color: var(--black);
  color: #000;
}

.case-study-img-outer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.case-study-img-outer.cap {
  position: relative;
}

.color-blocks-outer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-blocks-outer.hy {
  grid-template-columns: 1fr;
}

.color-blocks-outer.v {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.h4-case-study {
  color: #fff;
  text-transform: uppercase;
  padding-top: 3vw;
  padding-bottom: 3vw;
  font-family: Khalos trial display, sans-serif;
  font-size: 3vw;
}

.h4-case-study.white {
  color: #fff;
  text-transform: uppercase;
}

.h4-case-study.black {
  color: #000;
  text-transform: uppercase;
}

.hamburger {
  z-index: 10000;
  white-space: normal;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  position: fixed;
  inset: 0% 0% auto auto;
}

.hamburger.red {
  z-index: 10000;
  mix-blend-mode: difference;
}

.hamburger.home {
  mix-blend-mode: normal;
}

.more-work-grid {
  grid-column-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-rows: 276px;
}

.other-work-cat-outer {
  justify-content: flex-end;
  display: flex;
}

.other-work-link-outer {
  padding-top: 0;
  display: block;
}

.header-outer-footer {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.case-study-footer-image {
  object-fit: fill;
  background-color: #000;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.hanging-white-cat {
  max-width: 45%;
}

.inner-marquee {
  align-items: center;
  padding-top: 0;
  padding-bottom: 8px;
  display: flex;
}

.name-banner {
  color: #000;
  white-space: nowrap;
  object-fit: fill;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3vw;
  padding-top: 0;
  font-family: Khalos trial display, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  display: inline-block;
  position: static;
}

.body {
  background-color: #fff;
}

.body.raw-vitamins {
  background-color: #000;
}

.body.crystal {
  background-color: #260a54;
}

.body.laurel-halo {
  background-color: #410b0b;
}

.body.vernissage {
  background-color: #000;
}

.body.avia-noia {
  background-color: #1b2c5c;
}

.body.chess {
  background-color: #275385;
}

.body.hanbok {
  background-color: #000;
}

.ow-image-2 {
  object-fit: cover;
  align-self: center;
  min-height: 60vh;
}

._3-vitamin {
  display: flex;
}

.heading-4 {
  color: #000;
  text-align: left;
  letter-spacing: .05px;
  align-items: center;
  margin-left: 15px;
  padding-top: 0;
  padding-left: 0;
  font-family: Jaune midiblond, sans-serif;
  font-size: 2vw;
  transition: color .15s;
  display: flex;
}

.heading-4:hover {
  color: #8a8888;
}

.main-text {
  padding: 60px 200px;
}

.main-text.lh {
  color: #d43e53;
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-text.hiawd {
  color: #fff;
}

.arrow {
  color: #000;
  width: 1.5vw;
  display: block;
}

.main-body {
  color: #000;
  text-align: center;
  font-family: Jaune midiblond, sans-serif;
}

.main-body.hy {
  color: #d7494e;
  text-align: center;
}

.main-body.lh {
  color: #fff101;
  text-align: center;
}

.main-body.crystal {
  color: #93265d;
  text-align: center;
}

.main-body.hih, .main-body.awd {
  color: #fff;
}

.keyword {
  color: #fff;
  font-family: Jaune midiblond, sans-serif;
  font-size: 2vw;
}

.keyword._1 {
  text-transform: uppercase;
}

.keyword._1.frornt {
  text-transform: uppercase;
  margin-left: -11px;
}

.keyword._2 {
  text-transform: uppercase;
  font-family: Khalos trial display, sans-serif;
  font-weight: 400;
}

.dot {
  margin-top: -49px;
  padding-top: 0;
  padding-right: 3vw;
  font-family: Khalos trial display, sans-serif;
  font-size: 8vw;
}

.dot._2 {
  color: #fff;
  padding-top: 42px;
  padding-left: 15px;
  padding-right: 1.5vw;
  font-size: 3vw;
}

.image-8 {
  mix-blend-mode: normal;
  position: fixed;
  inset: 0% 0% auto auto;
}

.footer-title {
  text-transform: uppercase;
  padding-top: 30px;
  padding-left: 21px;
  font-family: Khalos trial display, sans-serif;
  font-size: 6vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 300px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.ow-image-1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.inner-quote {
  color: #fff;
  text-align: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  font-family: Jaune midiblond, sans-serif;
  font-size: 4vw;
  line-height: 4.5vw;
}

.inner-quote.hy {
  color: #d7494e;
  text-transform: uppercase;
  padding-left: 4vw;
  padding-right: 4vw;
  font-size: 2.5vw;
  line-height: 4vw;
}

.inner-quote.an {
  text-transform: uppercase;
  padding-left: 150px;
  padding-right: 150px;
}

.inner-quote.ci {
  color: #478ec8;
}

.intro {
  display: flex;
}

.heading-5 {
  color: #000;
  margin-top: 130px;
  margin-left: 170px;
  font-family: Jaune, sans-serif;
  font-size: 6vw;
}

.bio {
  grid-column-gap: 50px;
  margin-top: 77px;
  margin-left: 170px;
  display: flex;
}

.about-text {
  z-index: 1;
  padding-right: 240px;
  font-family: Jaune midiblond, sans-serif;
  position: relative;
}

.smaller-yomi {
  min-width: 5vw;
  max-height: 10vw;
  margin-top: 89px;
  padding-top: 0;
  display: block;
  position: static;
}

.hanging-yomi {
  padding-top: 18px;
  padding-left: 0;
  display: block;
  position: relative;
  top: -50px;
}

.image-12 {
  object-fit: fill;
  min-height: 50vw;
  padding-right: 0;
  display: inline-block;
  position: static;
  overflow: auto;
}

.broken-mountain {
  min-height: 50vw;
  margin-top: -12px;
}

.hy-quote-spread {
  min-height: 80vw;
}

.image-16 {
  width: 100%;
  min-width: 100vw;
}

.long-neck-woman-upside-down {
  z-index: 0;
  min-width: 100vw;
  position: static;
}

.open-duality, .coffee-book, .dmz-zone-image {
  min-width: 100vw;
}

.image-21 {
  object-fit: cover;
  min-width: 100vw;
  max-height: 50vw;
}

.unplash-crystal {
  object-fit: cover;
  align-self: stretch;
  min-width: 100vw;
  max-height: 80vh;
  margin-top: -13px;
}

.full-spread-crystal {
  min-width: 100vw;
}

.image-24 {
  object-fit: cover;
  min-width: 100vw;
  max-height: 60vh;
}

.full-laurel-halo {
  min-width: 100vw;
}

.vinyl-spread {
  object-fit: cover;
  min-width: 100vw;
  max-height: 140vh;
}

.mockup-1-lh, .coffee-table-lh {
  min-width: 100vw;
}

.image-29 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 80%;
  background-color: #000;
  min-width: 100vw;
  max-height: 80vh;
}

.image-29.hi {
  object-fit: scale-down;
}

.vernissage-mockup {
  min-width: 100vw;
  margin-top: -13px;
}

.full-spread-vernissage {
  object-fit: contain;
  min-width: 100vw;
  max-width: 90%;
  overflow: hidden;
}

.an-posters {
  min-width: 100vw;
}

.hoodie-an {
  align-self: stretch;
  min-width: 100vw;
  margin-top: -13px;
}

.tote-an {
  align-self: stretch;
  min-width: 50vw;
  max-height: 120vh;
  display: block;
}

.buisness-cards-an {
  min-width: 50vw;
  max-height: 120vh;
}

.brochure-an, .booklet-spreads-an {
  min-width: 100vw;
}

.click-me {
  z-index: 0;
  margin-top: 1px;
  margin-left: -201px;
  padding-left: 418px;
  font-family: Jaune, sans-serif;
  font-size: 1.5vw;
  position: absolute;
  top: 292.517px;
  left: 593.617px;
}

.main-body-about {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.body-2 {
  cursor: auto;
}

.hy-spreads {
  height: 100vh;
}

.slide {
  height: 100%;
}

.caption-hy {
  z-index: 0;
  color: #fff;
  mix-blend-mode: normal;
  font-family: Jaune midiblond, sans-serif;
  font-size: .8vw;
  position: absolute;
  inset: auto 0% 5% 3%;
}

.caption-hy._3 {
  z-index: 1;
  position: absolute;
  inset: auto auto 3% 3%;
}

.caption-hy.crystal {
  color: #000;
}

.text-block-6 {
  font-family: Jaune midiblond, sans-serif;
}

.heading-7 {
  text-transform: uppercase;
  font-family: Khalos trial display, sans-serif;
}

.link-block, .cat-ham, .cat-ham.w--current {
  padding-bottom: 30px;
}

.nav-bar {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.work-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50vw 50vw;
  grid-auto-columns: 50vw;
  justify-items: center;
  display: grid;
  overflow: visible;
}

.work-link {
  color: #fff;
  mix-blend-mode: difference;
  flex-direction: row;
  font-family: Jaune, sans-serif;
  font-size: 1.3vw;
  transition: color .175s;
  display: flex;
  position: fixed;
  inset: 5% auto auto 3%;
}

.work-link:hover {
  color: #727171;
}

.work-link.red {
  z-index: 10000;
  color: #18cdd3;
  mix-blend-mode: difference;
}

.work-link.red:hover {
  filter: grayscale();
}

.work-link.dark-purple {
  z-index: 1000;
  color: #755ad8;
  mix-blend-mode: difference;
  font-size: 1.3vw;
}

.work-link.dark-purple:hover {
  color: #d829b8;
}

.work-link.work.w--current {
  z-index: 1000;
  color: #fff;
  mix-blend-mode: difference;
}

.work-link.grey {
  z-index: 1000;
  color: #a3a3a3;
}

.work-link.grey:hover {
  color: #e6bc3f;
}

.work-link.yellow {
  z-index: 1000;
  color: #ffea00;
  mix-blend-mode: difference;
}

.work-link.yellow:hover {
  color: #e00b7d;
}

.work-link.white {
  z-index: 1000;
  color: #fff;
  mix-blend-mode: difference;
}

.work-link.white:hover {
  color: #858585;
}

.work-link.dark-blue {
  z-index: 1000;
  color: #6592ca;
}

.work-link.dark-blue:hover {
  color: #353238;
}

.home-project-hover {
  white-space: normal;
  object-fit: cover;
  border-radius: 11px;
  width: 20vw;
  height: 10vh;
  position: relative;
  top: -21px;
  left: 109px;
  right: -29px;
}

.work-images {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 45px;
  flex: 0 auto;
  align-self: flex-start;
  min-width: 45vw;
  max-width: 45vw;
  min-height: 50vh;
  max-height: 50vh;
  transition: border-radius .4s;
  position: relative;
  overflow: visible;
}

.work-images:hover {
  border-radius: 20px;
}

.work-images.pond {
  object-position: 50% 100%;
}

.work-images.wdw {
  object-fit: none;
}

.yomi-portrait {
  max-width: 25%;
  margin-top: -90px;
  margin-bottom: 489px;
}

.link-block-2 {
  overflow: visible;
}

.div-block-5, .dmz {
  position: relative;
}

.set-vitamins {
  margin-top: -12px;
}

.copyright {
  color: #000;
  text-align: left;
  padding-top: 20px;
  padding-right: 20px;
  font-family: Jaune midiblond, sans-serif;
  font-size: 1.5vw;
}

.footer-bottom {
  justify-content: space-between;
  margin-top: 75px;
  margin-left: -36px;
  display: flex;
}

.language {
  color: #000;
  mix-blend-mode: normal;
  object-fit: fill;
  font-family: Jaune, sans-serif;
  font-size: 1.3vw;
  display: block;
  position: fixed;
  inset: 5% auto auto 11%;
}

.language.work {
  z-index: 1000;
  color: #fff;
  mix-blend-mode: difference;
}

.language.hy {
  z-index: 1000;
  color: #18cdd3;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: difference;
  background-clip: border-box;
}

.language.c {
  color: #755ad8;
  mix-blend-mode: difference;
}

.language.crystal {
  z-index: 1000;
  color: #755ad8;
  mix-blend-mode: difference;
}

.language.dynamic-scene-vitamins {
  z-index: 1000;
  color: #ffea00;
}

.language.vernissage {
  z-index: 1000;
  color: #fff;
  mix-blend-mode: difference;
}

.language.an {
  z-index: 1000;
  color: #6592ca;
  mix-blend-mode: difference;
}

.language.white {
  z-index: 1000;
  color: #fff;
  mix-blend-mode: difference;
}

@media screen and (min-width: 1280px) {
  .cat-outer {
    grid-row-gap: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h1-home {
    font-size: 80px;
    line-height: 70px;
  }

  .footer {
    border-top: 3px solid #000;
  }

  .subtitle-home {
    color: #000;
    font-family: Jaune midiblond, sans-serif;
    font-size: 30px;
  }

  .large-white-yomi {
    width: 400px;
    margin-top: 72px;
    margin-left: 599px;
  }

  .discussing-cat {
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
  }

  .cat-main {
    max-width: 35%;
    margin-right: 80px;
  }

  .footer-links {
    grid-column-gap: 100px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    display: flex;
  }

  .link-footer {
    font-family: Jaune midiblond, sans-serif;
    font-size: 30px;
    text-decoration: none;
  }

  .case-study-header-title {
    grid-column-gap: 50px;
    justify-content: flex-start;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 30px;
    display: flex;
  }

  .h3-case-study {
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 7px;
    padding: 10px;
  }

  .subtitle-case-study {
    color: #ff3b3b;
    font-family: Jaune midiblond, sans-serif;
    font-size: 25px;
  }

  .case-study-footer-image {
    height: 100%;
    display: block;
  }

  .ow-image-1 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .click-me {
    margin-top: 145px;
    margin-left: -83px;
  }

  .text-span {
    color: #000;
  }
}

@media screen and (min-width: 1920px) {
  .marquee-1 {
    object-fit: fill;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cat-outer {
    grid-row-gap: 30px;
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .h1-home {
    font-size: 10vw;
    line-height: 15vh;
  }

  .project-outer.work {
    flex-direction: column;
    align-items: center;
  }

  .large-white-yomi {
    margin-top: 332px;
    margin-bottom: -370px;
    margin-left: 1023px;
  }

  .case-h1.white {
    line-height: 160px;
  }

  .h3-case-study {
    color: #000;
    border-color: #000;
  }

  .case-study-body.hy {
    text-align: center;
    align-self: flex-start;
  }

  .main-body {
    text-align: center;
    font-size: 2vw;
    line-height: 4vh;
  }

  .main-body.hy {
    font-size: 2vw;
    line-height: 4vh;
  }

  .main-body.lh {
    text-align: center;
    font-size: 2vw;
    line-height: 4vh;
  }

  .main-body.crystal {
    font-size: 2vw;
    line-height: 4vh;
  }

  .about-text {
    font-size: 30px;
    line-height: 40px;
  }

  .click-me {
    margin-top: 554px;
    margin-left: 398px;
    padding-left: 445px;
  }

  .yomi-portrait {
    margin-top: -136px;
    margin-bottom: 837px;
  }
}

@media screen and (max-width: 991px) {
  .h1-home {
    margin-left: -207px;
  }

  .main.about {
    flex-direction: column;
    margin-left: -74px;
    margin-right: 113px;
    display: flex;
  }

  .footer {
    align-items: center;
  }

  .h2-home.home {
    transition: none;
  }

  .large-white-yomi {
    margin-top: 37px;
    margin-left: 318px;
  }

  .footer-links.home {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }

  .link-footer.home:hover {
    color: #000;
  }

  .case-h1.white {
    line-height: 75px;
  }

  .case-study-body {
    line-height: 2.5vh;
  }

  .hamburger {
    white-space: normal;
    mix-blend-mode: normal;
  }

  .other-work-link-outer {
    margin-bottom: -22px;
    padding-bottom: 0;
  }

  .case-study-footer-image {
    height: 80%;
    overflow: hidden;
  }

  .ow-image-2 {
    object-fit: contain;
    width: auto;
    height: auto;
    max-height: 60px;
  }

  .heading-4:hover {
    color: #000;
  }

  .ow-image-1 {
    min-height: 60vh;
    max-height: 60vh;
    overflow: visible;
  }

  .bio {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .about-text {
    padding-right: 0;
  }

  .full-laurel-halo {
    margin-top: -13px;
  }

  .click-me {
    margin-top: 68px;
    margin-left: -467px;
  }

  .link-block {
    padding-bottom: 30px;
  }

  .work-link {
    transition: color .175s;
    inset: 4% auto auto 2%;
  }

  .work-link:hover {
    color: #fff;
  }

  .work-link.red {
    position: fixed;
    inset: 5% auto auto 3%;
  }

  .work-link.red:hover {
    filter: none;
  }

  .home-project-hover {
    margin-left: -65px;
    padding-left: 0;
  }

  .yomi-portrait {
    max-width: 50%;
    margin-bottom: -158px;
  }
}

@media screen and (max-width: 767px) {
  .h1-home {
    margin-left: -87px;
    font-size: 9vw;
  }

  .footer {
    align-items: center;
    padding-top: 0;
  }

  .project-outer.work {
    flex-flow: column wrap;
    place-content: space-between center;
    align-items: center;
  }

  .h2-home {
    line-height: 5vh;
  }

  .subtitle-home.work {
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    font-size: 3vw;
    display: flex;
  }

  .large-white-yomi {
    margin-top: 97px;
    margin-left: 250px;
  }

  .cat-main {
    max-width: 45%;
    margin-right: 12px;
  }

  .footer-links.home {
    flex-direction: column;
    align-items: center;
    margin-top: 3px;
  }

  .case-h1.white {
    line-height: 50px;
  }

  .case-study-paragraph.hy {
    border-right-style: none;
  }

  .case-study-text {
    flex-direction: column;
    display: flex;
  }

  .case-study-text.hy {
    border-top-style: none;
    border-bottom-style: none;
  }

  .h3-case-study {
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 5vw;
  }

  .h3-case-study.process {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .case-study-body {
    text-align: center;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 3vw;
    line-height: 3.3vh;
  }

  .case-study-footer-image {
    max-height: 50vh;
  }

  .hanging-white-cat {
    min-width: 15vw;
  }

  .ow-image-2 {
    object-fit: contain;
  }

  .main-body {
    margin-left: -50px;
    margin-right: -50px;
  }

  .dot._2 {
    margin-top: -34px;
    padding-left: 6px;
  }

  .click-me {
    margin-top: 115px;
    left: 480.617px;
  }

  .work-grid {
    grid-template-columns: 100vw;
  }

  .work-link {
    font-size: 2.5vw;
    inset: 5% auto auto 4%;
  }

  .work-link.red:hover, .work-link.red:active {
    filter: none;
  }

  .home-project-hover {
    top: 4px;
    left: 82px;
  }

  .work-images {
    align-self: auto;
  }

  .yomi-portrait {
    margin-bottom: -89px;
  }

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

@media screen and (max-width: 479px) {
  .marquee-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .h1-home {
    margin-top: 14px;
    margin-left: -10px;
    font-size: 12vw;
    line-height: 11vw;
  }

  .main {
    grid-column-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .main.home {
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
    margin-left: -166px;
    display: flex;
  }

  .main.about {
    margin-left: -61px;
  }

  .footer {
    flex-direction: column;
    align-items: center;
  }

  .project-outer {
    flex-flow: column;
    align-items: center;
    padding-left: 47px;
  }

  .project-outer.home {
    object-fit: fill;
    flex-direction: column;
    align-self: auto;
    align-items: flex-start;
    min-width: 100vw;
    margin-left: 169px;
    display: flex;
    overflow: scroll;
  }

  .project-outer.home.bottom {
    margin-left: 164px;
  }

  .project-outer.work {
    align-items: center;
    padding-left: 30px;
    overflow: visible;
  }

  .h2-home {
    clear: none;
    text-align: center;
    font-size: 7vw;
    font-weight: 400;
    line-height: 4vh;
    overflow: visible;
  }

  .h2-home.work {
    line-height: 5vh;
  }

  .h2-home.home {
    text-align: left;
    font-size: 8vw;
  }

  .subtitle-home {
    font-size: 6vw;
  }

  .subtitle-home.work {
    text-align: center;
    font-size: 4vw;
  }

  .large-white-yomi {
    width: 800px;
    margin-top: 18px;
    margin-left: 122px;
    overflow: visible;
  }

  .cat-main {
    max-width: 60%;
    margin-right: 7px;
  }

  .footer-links.home {
    grid-row-gap: 30px;
    text-align: center;
    object-fit: fill;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 100vw;
    margin-top: 17px;
    padding-top: 29px;
    padding-bottom: 20px;
    padding-left: 0;
    display: flex;
  }

  .footer-links.crystal {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    padding-left: 0;
  }

  .link-footer, .link-footer.white {
    font-size: 15px;
  }

  .link-footer.home {
    padding-left: 0;
    font-size: 5vw;
  }

  .case-study-header-title {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .case-h1.haegue-yang {
    min-width: 50vw;
    padding-left: 0;
    font-size: 10vw;
  }

  .case-h1.lh {
    padding-left: 0;
  }

  .case-h1.rv {
    padding-left: 0;
    font-size: 10vw;
  }

  .case-h1.crystal {
    padding-left: 0;
  }

  .case-h1.white {
    padding-left: 0;
    line-height: 40px;
  }

  .case-study-paragraph, .case-study-paragraph.hy {
    border-right-style: none;
  }

  .case-study-text {
    text-align: left;
    align-items: start;
    display: block;
  }

  .case-study-text.hy {
    padding-left: 0;
    padding-right: 0;
  }

  .h3-case-study {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .h3-case-study.process {
    margin-left: 25vw;
    margin-right: 25vw;
    padding-left: 3vw;
    padding-right: 2vw;
  }

  .h3-case-study.hy {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .case-study-body {
    text-align: center;
    font-size: 4vw;
    line-height: 2.5vh;
  }

  .case-study-body.hy {
    padding-right: 40px;
  }

  .subtitle-case-study.haegue-yang, .subtitle-case-study.rv {
    font-size: 5vw;
  }

  .subtitle-case-study.lh {
    font-size: 4vw;
  }

  .subtitle-case-study.crystal {
    font-size: 5vw;
  }

  .subtitle-case-study.home {
    font-size: 4vw;
  }

  .color-outer.red {
    margin-top: -18px;
  }

  .color-blocks-outer {
    grid-template-columns: 100vw;
    margin-top: -16px;
  }

  .color-blocks-outer.hy {
    grid-template-columns: 100vw;
  }

  .color-blocks-outer.v {
    grid-template-columns: 25vw 25vw 25vw 25vw;
  }

  .h4-case-study.white {
    font-size: 6vw;
  }

  .h4-case-study.black {
    font-size: 4vw;
  }

  .more-work-grid {
    grid-template-columns: 50vw 50vw;
    margin-bottom: -94px;
  }

  .header-outer-footer {
    justify-content: space-between;
    max-width: 50vw;
    padding-right: 10px;
  }

  .case-study-footer-image {
    width: 50vw;
    max-height: 30vh;
    margin-right: auto;
  }

  .hanging-white-cat {
    min-width: 50vw;
    min-height: 100px;
    margin-right: auto;
    padding-left: 0;
  }

  .inner-marquee {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ow-image-2 {
    margin-right: auto;
  }

  ._3-vitamin {
    flex-direction: column;
    margin-top: -19px;
  }

  .heading-4 {
    padding-left: 5px;
    font-size: 3vw;
  }

  .heading-4:hover {
    color: #000;
  }

  .main-text {
    margin-top: -38px;
    padding-left: 5px;
    padding-right: 0;
  }

  .main-body {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-body.lh {
    text-align: center;
  }

  .keyword._1, .keyword._2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vw;
  }

  .dot {
    margin-top: -11px;
    padding-top: 0;
  }

  .dot._2 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 8px;
    padding-right: 2.3vw;
  }

  .footer-title {
    padding-left: 7px;
  }

  .ow-image-1 {
    min-height: 30vh;
    max-height: 10vh;
  }

  .inner-quote.an {
    padding-left: 75px;
    padding-right: 75px;
  }

  .inner-quote.ci {
    font-size: 6vw;
    line-height: 6vw;
  }

  .heading-5 {
    margin-left: 83px;
  }

  .bio {
    flex-direction: column;
  }

  .about-text {
    margin-top: -209px;
    padding-top: 0;
    padding-left: 31px;
    padding-right: 31px;
  }

  .smaller-yomi {
    max-width: 30vw;
    max-height: 30vw;
    margin-top: 31px;
    margin-left: -34px;
  }

  .hy-quote-spread {
    margin-top: -17px;
  }

  .image-16 {
    display: block;
  }

  .open-duality {
    margin-top: -17px;
  }

  .coffee-book {
    margin-top: -18px;
  }

  .unplash-crystal {
    margin-top: -30px;
  }

  .full-laurel-halo {
    display: none;
  }

  .vinyl-spread {
    margin-top: -41px;
  }

  .mockup-1-lh {
    margin-top: -16px;
  }

  .coffee-table-lh {
    margin-top: -17px;
  }

  .vernissage-mockup {
    margin-top: -28px;
  }

  .full-spread-vernissage {
    margin-top: -17px;
  }

  .hoodie-an {
    margin-top: -29px;
  }

  .tote-an, .buisness-cards-an {
    margin-top: -16px;
  }

  .brochure-an {
    margin-top: -17px;
  }

  .booklet-spreads-an {
    margin-top: -15px;
  }

  .click-me {
    margin-top: 135px;
    padding-left: 0;
    font-size: 3vw;
    display: block;
    position: absolute;
    top: 192.517px;
    left: 294.617px;
  }

  .body-2 {
    object-fit: none;
    max-width: 100vw;
    max-height: 100dvh;
    overflow: visible;
  }

  .hy-spreads {
    display: none;
  }

  .caption-hy {
    font-size: 2vw;
  }

  .work-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 100vw;
    grid-auto-columns: 0;
  }

  .work-link {
    opacity: .64;
    font-size: 4vw;
    transition: color .175s;
    position: fixed;
    inset: 5% auto auto 6%;
  }

  .work-link.dark-purple {
    font-size: 2.5vw;
  }

  .work-link.work.w--current {
    font-size: 4vw;
  }

  .home-project-hover {
    display: none;
  }

  .work-images {
    align-self: auto;
    min-width: 80vw;
  }

  .yomi-portrait {
    max-width: 100vw;
    margin-top: -168px;
    margin-bottom: 7px;
    margin-left: -2px;
  }

  .link-block-2 {
    display: inline-block;
  }

  .dynamic-scene-vitamins {
    margin-bottom: -18px;
  }

  .html-embed {
    margin-top: -17px;
  }

  .copyright {
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 28px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    font-size: 5vw;
    display: flex;
  }

  .footer-bottom {
    flex-direction: column;
    padding-left: 37px;
  }

  .language {
    color: #fff;
    mix-blend-mode: difference;
    font-size: 4vw;
    left: 30%;
  }

  .image-30 {
    margin-top: -17px;
  }
}

#w-node-a70148d9-0048-f871-88a2-eb3200b16af4-fee9e9c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-fee9e9c7 {
  align-self: start;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f6435-fee9e9c7 {
  place-self: stretch center;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f642e-fee9e9c7 {
  order: -9999;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f6420-fee9e9c7, #w-node-c937d066-5387-11cc-f5d6-8bed57f186ef-fee9e9c7, #w-node-_78500e54-a733-08c6-ae06-8a0639980a40-fee9e9c7, #w-node-_3cc32158-b80a-1fde-7d48-0c8ffdc5fef9-fee9e9c7, #w-node-_9ebe66ea-cfee-8d4a-f669-faba5db01dbd-fee9e9c7, #w-node-_786a2f8d-5ae6-da71-9b3c-99fec34437d3-fee9e9c7, #w-node-_090cb2d0-a0f9-3b9b-2ceb-79b0cf0895ba-fee9e9c7 {
  place-self: stretch center;
}

#w-node-b5d2565c-d07c-7f6f-576f-6f5cb7f528fe-fee9e9c7 {
  place-self: center;
}

#w-node-_3f34fc16-1c7f-cf3b-35ee-fa53c674899e-c674899d, #w-node-_3f34fc16-1c7f-cf3b-35ee-fa53c67489a3-c674899d {
  align-self: stretch;
}

#w-node-_3f34fc16-1c7f-cf3b-35ee-fa53c67489a8-c674899d {
  place-self: stretch start;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71af-fee9e9ce {
  align-self: stretch;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71b4-fee9e9ce {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71b9-fee9e9ce {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-fee9e9d5, #w-node-ec6273ee-b527-1421-6786-8e039a9a8701-7f31a166 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-cc94105c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-cc94105c {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-cc94105c {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-cc94105c, #w-node-a6995ab2-2140-0dec-f940-5941f41c9ca6-cc94105c, #w-node-_86cfdaed-9120-dd5c-9beb-2495750e31b6-cc94105c, #w-node-_1a53e160-4384-cce0-b272-9bbe0227c30c-cc94105c, #w-node-_0c801ebb-e97f-0c02-f53e-42aeed77e203-cc94105c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-54c696a5 {
  align-self: start;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f6435-54c696a5 {
  place-self: stretch center;
}

#w-node-_5a10b12e-c414-4997-9960-80dc4b1f642e-54c696a5 {
  order: -9999;
}

#w-node-_0978a7e1-02c0-22a3-2e73-35eda4550350-54c696a5, #w-node-a5ce5f72-057d-f8af-013c-d750e7f8c020-54c696a5, #w-node-_5a10b12e-c414-4997-9960-80dc4b1f6420-54c696a5, #w-node-_9df1b2e1-03ff-6ccc-9d80-9224cf0a7a02-54c696a5, #w-node-bcc7f5c1-b4f5-2c6d-dbaf-f56dcd58a91d-54c696a5, #w-node-b3fc4484-4f3f-578d-6765-f2ed231ef3da-54c696a5, #w-node-_433e252f-56cb-c1c4-276d-4f7cd06ed544-54c696a5 {
  place-self: stretch center;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71af-de92cee1 {
  align-self: stretch;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71b4-de92cee1 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
}

#w-node-_3f81564e-522f-00d5-6558-9482f0cd71b9-de92cee1 {
  place-self: stretch start;
}

#w-node-_8b5a69cc-c7ae-2ac9-7ecc-5a8e20458762-28b5ddba, #w-node-_8b5a69cc-c7ae-2ac9-7ecc-5a8e20458767-28b5ddba {
  align-self: stretch;
}

#w-node-_8b5a69cc-c7ae-2ac9-7ecc-5a8e2045876c-28b5ddba {
  place-self: stretch start;
}

#w-node-_634c3d60-f1bf-ce99-f580-d38b2269e1f4-f55c171c, #w-node-_634c3d60-f1bf-ce99-f580-d38b2269e1f9-f55c171c {
  align-self: stretch;
}

#w-node-_634c3d60-f1bf-ce99-f580-d38b2269e1fe-f55c171c {
  place-self: stretch start;
}

#w-node-_6411ff3c-ddc6-51bc-0620-3eea4dbec0db-4aea06ea, #w-node-_6411ff3c-ddc6-51bc-0620-3eea4dbec0e0-4aea06ea {
  align-self: stretch;
}

#w-node-_6411ff3c-ddc6-51bc-0620-3eea4dbec0e6-4aea06ea {
  place-self: stretch start;
}

#w-node-a08575a9-301b-f30d-2836-ff3a11cf81c8-c10b14d6, #w-node-a08575a9-301b-f30d-2836-ff3a11cf81cd-c10b14d6 {
  align-self: stretch;
}

#w-node-a08575a9-301b-f30d-2836-ff3a11cf81d2-c10b14d6 {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-c10b14d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be3cb9b5-f4da-3c89-7b4f-bd109d9df256-6bfd6508, #w-node-be3cb9b5-f4da-3c89-7b4f-bd109d9df25b-6bfd6508 {
  align-self: stretch;
}

#w-node-be3cb9b5-f4da-3c89-7b4f-bd109d9df260-6bfd6508 {
  place-self: stretch start;
}

#w-node-_0586c49a-4eca-54aa-5d28-6a0aec70585a-0e4bc386, #w-node-_0586c49a-4eca-54aa-5d28-6a0aec70585f-0e4bc386 {
  align-self: stretch;
}

#w-node-_0586c49a-4eca-54aa-5d28-6a0aec705864-0e4bc386 {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-0e4bc386 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-272569ac, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-272569ac {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-272569ac {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-272569ac, #w-node-a6995ab2-2140-0dec-f940-5941f41c9ca6-272569ac, #w-node-_86cfdaed-9120-dd5c-9beb-2495750e31b6-272569ac, #w-node-_1a53e160-4384-cce0-b272-9bbe0227c30c-272569ac, #w-node-_0c801ebb-e97f-0c02-f53e-42aeed77e203-272569ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-f2e47f72, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-f2e47f72 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-f2e47f72 {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-f2e47f72 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-61987a15, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-61987a15 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-61987a15 {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-eb7c68f1, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-eb7c68f1 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-eb7c68f1 {
  place-self: stretch start;
}

#w-node-_8d297994-1f9a-4e11-6682-bfe8a1e4ebe3-eb7c68f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-990e0e1c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-990e0e1c {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-990e0e1c {
  place-self: stretch start;
}

#w-node-ec6273ee-b527-1421-6786-8e039a9a8701-990e0e1c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-984d18fe {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-984d18fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-984d18fe {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-dedf2a82, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-dedf2a82 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-dedf2a82 {
  place-self: stretch start;
}

#w-node-_7f08eff9-e4aa-eefc-33a4-f3f11a8270e8-dedf2a82, #w-node-_158805bd-2966-b0a0-ab07-f735cdc9465f-dedf2a82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_158805bd-2966-b0a0-ab07-f735cdc94661-dedf2a82 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_158805bd-2966-b0a0-ab07-f735cdc94663-dedf2a82, #w-node-_158805bd-2966-b0a0-ab07-f735cdc94669-dedf2a82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-5e8e6847, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-5e8e6847 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-5e8e6847 {
  place-self: stretch start;
}

#w-node-_2033834c-e642-e926-7983-96ea8d1ab48d-5e8e6847 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-2f09323e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-2f09323e {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-2f09323e {
  place-self: stretch start;
}

#w-node-_60e41910-abb7-5d92-64f7-f222e7336528-2f09323e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-e8d69864, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-e8d69864 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-e8d69864 {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-c6556814, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-c6556814 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-c6556814 {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-e68fc36c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-e68fc36c {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-e68fc36c {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-0a35da48, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-0a35da48 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-0a35da48 {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-756b4bb9, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-756b4bb9 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-756b4bb9 {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-538b5eaf, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-538b5eaf {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-538b5eaf {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-b764ef0e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-b764ef0e {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-b764ef0e {
  place-self: stretch start;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4987-b73333d1, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-b73333d1 {
  align-self: stretch;
}

#w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-b73333d1 {
  place-self: stretch start;
}

@media screen and (min-width: 1920px) {
  #w-node-_5a10b12e-c414-4997-9960-80dc4b1f642e-fee9e9c7 {
    order: -9999;
  }

  #w-node-_3f34fc16-1c7f-cf3b-35ee-fa53c67489a8-c674899d, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-cc94105c {
    place-self: stretch start;
  }

  #w-node-_5a10b12e-c414-4997-9960-80dc4b1f642e-54c696a5 {
    order: -9999;
  }

  #w-node-_8b5a69cc-c7ae-2ac9-7ecc-5a8e2045876c-28b5ddba, #w-node-_634c3d60-f1bf-ce99-f580-d38b2269e1fe-f55c171c, #w-node-_6411ff3c-ddc6-51bc-0620-3eea4dbec0e6-4aea06ea, #w-node-a08575a9-301b-f30d-2836-ff3a11cf81d2-c10b14d6, #w-node-be3cb9b5-f4da-3c89-7b4f-bd109d9df260-6bfd6508, #w-node-_0586c49a-4eca-54aa-5d28-6a0aec705864-0e4bc386, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-272569ac, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-f2e47f72, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-61987a15, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-eb7c68f1, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-990e0e1c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-984d18fe, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-dedf2a82, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-5e8e6847, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-2f09323e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-e8d69864, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-c6556814, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-e68fc36c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-0a35da48, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-756b4bb9, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-538b5eaf, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-b764ef0e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a4991-b73333d1 {
    place-self: stretch start;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_3f34fc16-1c7f-cf3b-35ee-fa53c67489a3-c674899d, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-cc94105c, #w-node-_8b5a69cc-c7ae-2ac9-7ecc-5a8e20458767-28b5ddba, #w-node-_634c3d60-f1bf-ce99-f580-d38b2269e1f9-f55c171c, #w-node-_6411ff3c-ddc6-51bc-0620-3eea4dbec0e0-4aea06ea, #w-node-a08575a9-301b-f30d-2836-ff3a11cf81cd-c10b14d6, #w-node-be3cb9b5-f4da-3c89-7b4f-bd109d9df25b-6bfd6508, #w-node-_0586c49a-4eca-54aa-5d28-6a0aec70585f-0e4bc386, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-272569ac, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-f2e47f72, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-61987a15, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-eb7c68f1, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-990e0e1c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-984d18fe, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-dedf2a82, #w-node-_158805bd-2966-b0a0-ab07-f735cdc94663-dedf2a82, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-5e8e6847, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-2f09323e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-e8d69864, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-c6556814, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-e68fc36c, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-0a35da48, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-756b4bb9, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-538b5eaf, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-b764ef0e, #w-node-_4aeab643-1808-1cae-51b2-36a4253a498c-b73333d1 {
    align-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-fee9e9c7, #w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-54c696a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-fee9e9c7, #w-node-_5a10b12e-c414-4997-9960-80dc4b1f6427-54c696a5 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Jaune';
  src: url('../fonts/NaNJauneTRIAL-MidiMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaune midiblond';
  src: url('../fonts/NaNJauneTRIAL-MidiBlond.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Khalos trial display';
  src: url('../fonts/Khalos-Trial-Display.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}