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

@font-face {
  font-family: Avenir Book;
  src: url('../fonts/Avenir-Book.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir Book;
  src: url('../fonts/Avenir-Book.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Mustang;
  src: url('../fonts/Black-Mustang.ttf') format("truetype"), url('../fonts/Black-Mustang.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bad Grunge;
  src: url('../fonts/BAD-GRUNGE.ttf') format("truetype"), url('../fonts/BAD-GRUNGE.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urban Graffiti Personal Use Only;
  src: url('../fonts/Urban-Graffiti-PERSONAL-USE-ONLY.ttf') format("truetype"), url('../fonts/Urban-Graffiti-PERSONAL-USE-ONLY.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Calvera Personal Use Only;
  src: url('../fonts/Calvera-Personal-Use-Only.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "28 Days Later";
  src: url('../fonts/28-Days-Later.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gamerock Personal Use Only;
  src: url('../fonts/Gamerock-Personal-Use-Only.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Broken Detroit Personal Use Only;
  src: url('../fonts/Broken-Detroit---PERSONAL-USE-ONLY.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sterion;
  src: url('../fonts/sterion.regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mars;
  src: url('../fonts/Mars.ttf') format("truetype"), url('../fonts/Mars.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mars;
  src: url('../fonts/Mars-Thin.ttf') format("truetype"), url('../fonts/Mars-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Matroska Rppg 6";
  src: url('../fonts/Matroska-RppG6.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  src: url('../fonts/Orbitron-ExtraBold.ttf') format("truetype"), url('../fonts/Orbitron-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  src: url('../fonts/Orbitron-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Orbitron;
  src: url('../fonts/Orbitron-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Stalinistone;
  src: url('../fonts/StalinistOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Light.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Eastory Demo;
  src: url('../fonts/EASTORY-DEMO.ttf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: "8 Ma 60";
  src: url('../fonts/AquireBold-8Ma60.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aquire Bw 0 Ox";
  src: url('../fonts/Aquire-BW0ox.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Yze 0 O";
  src: url('../fonts/AquireLight-YzE0o.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Black-PERSONAL-USE.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Light-PERSONAL-USE.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Regular-PERSONAL-USE.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Bold-PERSONAL-USE.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Thin-PERSONAL-USE.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Thin-PERSONAL-USE.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Medium-PERSONAL-USE.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Medium-PERSONAL-USE.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Regular-PERSONAL-USE.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Black-PERSONAL-USE.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Bold-PERSONAL-USE.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Made Outer Sans Alt Personal Use;
  src: url('../fonts/MADE-Outer-Sans-Alt-Light-PERSONAL-USE.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neobique Vm 4 Lm";
  src: url('../fonts/Neobique-vm4LM.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dinamica Yqw 6 V";
  src: url('../fonts/Dinamica-YqW6v.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --light-grey: #575757;
  --bg-black: #0c0c0c;
  --header-white: #fcfcfe;
  --primary--accent-red: #fa0c00;
  --primary--accent-blue: #0e10f0;
  --accent-p: #f10086;
  --jlc-main-green: #85c226;
  --sn-blue: dodgerblue;
  --grey-hd: #353535;
}

.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: #0c0c0c;
  background-color: #0c0c0c;
}

.hero-section {
  color: var(--light-grey);
  background-image: url('../images/Desktop---1.1.png');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  display: flex;
}

.hero-section.cs-1 {
  background-color: var(--bg-black);
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 85px;
  margin-bottom: 0;
  padding: 112px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.h1---big {
  color: var(--header-white);
  text-align: left;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--bg-black);
  text-shadow: 3px 4px 6px #000000b0, 0 1px 1px #0003;
  -webkit-text-fill-color: inherit;
  background-color: #fa0c0000;
  background-clip: border-box;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 5rem;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 1000px;
  min-width: 0%;
  max-width: none;
  display: block;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.div-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-top: 32px;
  margin-bottom: 22px;
  display: grid;
}

.section-2 {
  background-color: #0c0c0c;
  background-image: url('../images/next-relic---banner-1.png');
  background-position: 0%;
  background-size: cover;
  border: 0 #0c0c0c;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.section-2.review {
  background-image: url('../images/Frame-23-min-1-1.png');
}

.ab-heading {
  color: var(--header-white);
  text-align: center;
  padding: 11px;
  font-family: Fahkwang, sans-serif;
  font-size: 88px;
  font-weight: 400;
  line-height: 68px;
}

.ab-text {
  color: #e0e0e0;
  padding: 11px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
}

.div-block-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 16px;
  display: grid;
}

.hero-btn {
  display: flex;
}

.btn {
  border: 2px solid var(--primary--accent-red);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  letter-spacing: 2px;
  -webkit-text-stroke-width: 1px;
  text-transform: uppercase;
  background-color: #fa0c0000;
  border-radius: 44px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: block;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn:hover {
  color: var(--header-white);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fa0c00;
  border-color: #fa0c00;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn.ab {
  border-color: var(--primary--accent-blue);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  text-align: center;
  background-color: #f1008600;
  align-self: center;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 0 16px 2px #0e10f0;
}

.btn.ab:hover {
  border-color: var(--primary--accent-blue);
  background-color: var(--primary--accent-blue);
  color: var(--header-white);
}

.btn.about-div1 {
  box-shadow: 0 0 16px 2px var(--primary--accent-blue);
  background-color: #0e10f000;
  border-color: #0e10f0;
  margin-left: 20px;
}

.btn.about-div1:hover {
  background-color: var(--primary--accent-blue);
  border-color: #fa0c00;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn.about-div2 {
  box-shadow: 0 0 16px 2px var(--primary--accent-blue);
  background-color: #0e10f000;
  border-color: #0e10f0;
  margin-left: 20px;
}

.btn.about-div2:hover {
  background-color: var(--primary--accent-blue);
  border-color: #fa0c00;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn._3 {
  box-shadow: 0 0 16px 2px var(--primary--accent-blue);
  background-color: #0e10f000;
  border-color: #0e10f0;
  margin-left: 20px;
}

.btn._3:hover {
  background-color: var(--primary--accent-blue);
  border-color: #fa0c00;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn.cf {
  border-color: var(--primary--accent-red);
  box-shadow: 0 0 16px 2px var(--primary--accent-red);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 500;
}

.btn.cf:hover {
  border-color: var(--primary--accent-red);
  box-shadow: 0 0 16px 2px var(--primary--accent-red);
}

.btn._2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.btn._2:hover {
  -webkit-text-stroke-width: 0px;
}

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

.rev-text {
  color: #e0e0e0;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: Fahkwang, sans-serif;
  font-style: normal;
}

.rev {
  color: #f10086;
  font-family: Inconsolata, monospace;
  font-size: 26px;
  font-style: italic;
}

.container-4 {
  align-self: center;
  width: 1200px;
  max-width: none;
}

.section-3 {
  color: #0c0c0c;
  background-color: #0c0c0c;
  margin-top: 100px;
}

.cs-div {
  color: var(--bg-black);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1200px;
  margin-bottom: 20px;
  display: flex;
}

.cs-div._1 {
  width: 1200px;
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: .75fr;
  margin-top: 0;
  margin-bottom: 60px;
  display: flex;
}

.cs-h2 {
  color: var(--header-white);
  text-align: left;
  text-transform: capitalize;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 16px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 88px;
  display: flex;
}

.cs-h2._1 {
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-weight: 700;
}

.cs-h2._2 {
  margin-bottom: 0;
  font-size: 58px;
}

.cs-h3 {
  color: var(--light-grey);
  letter-spacing: 3px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  padding-left: 20px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 24px;
  font-weight: 100;
  display: flex;
}

.paragraph {
  box-sizing: border-box;
  float: none;
  color: #e4e4e4;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 42%;
  padding: 6px 20px 20px;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 24px;
  display: flex;
}

.div-block-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-h1 {
  color: var(--header-white);
  text-align: left;
  letter-spacing: 0;
  -webkit-text-stroke-width: 1px;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/1-3-min.jpg');
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 200px;
  font-weight: 700;
  line-height: 180px;
  display: flex;
}

.image-4 {
  border: 0px solid var(--accent-p);
  border-radius: 0;
}

.div-block-16 {
  border: 0 #f10086;
  border-radius: 0;
}

.paragraph-2 {
  color: #fcfcfe;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 28px;
  display: flex;
}

.div-block-17 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 1300px;
  max-width: 80%;
  margin-top: -36px;
  display: grid;
}

.footer {
  background-color: #0c0c0c;
  background-image: url('../images/crafting-futures.png');
  background-position: 50% 0;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.body-2 {
  background-color: #0c0c0c;
  flex-flow: column;
  display: flex;
}

.cs-hero-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0c0c0c00;
  border: 1px #f10086;
  border-radius: 88px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-self: center;
  width: 1200px;
  max-width: none;
  display: flex;
}

.cs-hero-text-div {
  border: 1px #f10086;
  border-radius: 112px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cs-hero-h1 {
  outline-offset: 0px;
  color: #fcfcfe;
  text-align: left;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fcfcfe;
  -webkit-text-fill-color: inherit;
  background-color: #fcfcfe00;
  background-clip: border-box;
  outline: 0 #fcfcfe;
  align-self: flex-start;
  margin-bottom: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 99px;
  text-decoration: none;
}

.heading-16 {
  color: #fcfcfe;
  text-align: center;
  letter-spacing: 4px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-size: auto;
  background-clip: border-box;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 12px 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 6.4rem;
  font-weight: 900;
  line-height: 6vh;
}

.cs-hero-h2 {
  color: var(--light-grey);
  text-align: center;
  letter-spacing: 1px;
  align-self: flex-start;
  margin-top: 2px;
  margin-left: 12px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 28px;
  font-weight: 100;
  line-height: 54px;
}

.navbar-4 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #0c0c0c;
  background-color: #0c0c0c80;
  border-bottom: 0 solid #fcfcfe;
  align-self: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: sticky;
  inset: 0% 0% auto;
}

.section-6 {
  margin: 0;
  padding: 0;
}

.ogm-cs-hero-image {
  background-image: url('../images/OGM-CS-IMG-min.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 65vh;
  display: flex;
  position: sticky;
}

.ogm-cs-hero-image._1 {
  background-image: url('../images/JLC-CS-IMG-min.png');
}

.ogm-cs-hero-image._2 {
  background-image: url('../images/SN-CS-IMG-min.png');
}

.logo {
  padding: 14px;
}

.nav-link-4 {
  color: var(--header-white);
  margin-top: 6px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.nav-link-4.w--current {
  color: var(--header-white);
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
  display: flex;
}

.nav-link-4.w--current:hover {
  color: #fa0c00;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fcfcfe;
}

.nav-link-5 {
  color: var(--header-white);
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
  display: flex;
}

.nav-link-5:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4), .nav-link-5:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
  font-weight: 700;
}

.nav-link-5:hover {
  color: #fa0c00;
}

.nav-link-5.w--current {
  color: var(--header-white);
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.nav-link-6 {
  border: 1px solid var(--primary--accent-red);
  box-shadow: 0 0 16px 2px var(--primary--accent-red);
  color: var(--header-white);
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 44px;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.nav-link-6:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
  box-shadow: 0 0 16px 2px var(--jlc-main-green);
  border-color: #85c226;
}

.nav-link-6:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
  border-color: var(--sn-blue);
  box-shadow: 0 0 16px 2px var(--sn-blue);
}

.nav-link-6:hover {
  background-color: var(--primary--accent-red);
  color: var(--header-white);
  border-color: #fa0c00;
  box-shadow: 0 0 16px 2px #fa0c00;
}

.dropdown {
  color: #e4e4e4;
  font-family: Fahkwang, sans-serif;
}

.text-block-10 {
  color: var(--header-white);
  letter-spacing: 1px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.text-block-10:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
  font-weight: 700;
}

.text-block-10:hover {
  color: #fa0c00;
}

.icon-3 {
  color: var(--header-white);
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.icon-3:hover {
  color: var(--accent-p);
}

.dropdown-list-2 {
  background-color: var(--bg-black);
  margin-top: 16px;
  position: fixed;
  inset: 80% 0% auto;
  overflow: hidden;
}

.dropdown-list-2.w--open {
  border: 0px solid var(--header-white);
  color: var(--header-white);
  background-color: #0c0c0c;
  border-radius: 0;
  line-height: 53px;
}

.dropdown-list-2.w--open:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.dropdown-link-2 {
  color: #0e10f0;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 40px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 5vh;
  text-decoration: none;
  display: block;
}

.dropdown-link-3 {
  color: #0e10f0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 5vh;
  text-decoration: none;
}

.dropdown-link-4 {
  color: #0e10f0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 4.2rem;
  text-decoration: none;
}

.dropdown-link-4.w--current:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
  color: var(--header-white);
}

.dropdown-toggle-2 {
  margin-top: 6px;
}

.nav-menu-2 {
  margin-top: 6px;
  display: flex;
}

.paragraph-6 {
  color: #fcfcfe;
  text-align: center;
  letter-spacing: 1px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--bg-black);
  text-transform: none;
  width: 40%;
  margin-top: 16px;
  margin-bottom: 6px;
  margin-left: 0;
  padding: 4px 18px;
  font-family: Fahkwang, sans-serif;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 35px;
}

.text-span-27 {
  color: #f10086;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--accent-p);
  font-family: Gilroy, sans-serif;
  font-size: 28px;
}

.line-div {
  background-color: var(--light-grey);
  text-align: left;
  border-radius: 44px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1200px;
  height: .5px;
  margin: 41px 20px 20px;
  padding-left: 0;
  display: flex;
}

.intro-section {
  flex-flow: column;
  order: 0;
  align-self: auto;
  margin-top: 40px;
  display: flex;
}

.intro-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: grid;
}

.intro-line-div {
  background-color: var(--light-grey);
  color: var(--light-grey);
  width: 100%;
  height: .5px;
  margin-bottom: 12px;
}

.intro-line-div._2 {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 26px;
  display: flex;
}

.text-span-29 {
  color: var(--accent-p);
}

.cs-intro-text {
  color: var(--header-white);
  letter-spacing: 0;
  flex-flow: row;
  margin-bottom: 20px;
  font-family: Fahkwang, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 30px;
  display: block;
}

.heading-18 {
  color: var(--light-grey);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Gilroy, sans-serif;
  font-weight: 400;
}

.heading-19 {
  color: var(--header-white);
  margin-top: 0;
  font-family: Fahkwang, sans-serif;
  font-weight: 200;
}

.heading-20 {
  color: var(--light-grey);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Gilroy, sans-serif;
}

.heading-21 {
  color: var(--header-white);
  margin-top: 0;
  font-family: Fahkwang, sans-serif;
  font-weight: 200;
}

.heading-22 {
  color: var(--light-grey);
  margin-top: 0;
  font-family: Gilroy, sans-serif;
}

.heading-23 {
  color: var(--header-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fahkwang, sans-serif;
  font-weight: 200;
}

.section-7 {
  background-color: var(--bg-black);
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 80%;
  display: grid;
}

.container-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-bottom: 40px;
  display: grid;
}

.heading-26 {
  color: var(--header-white);
  margin-top: 20px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 42px;
  font-weight: 700;
  display: flex;
}

.heading-26._2 {
  margin-top: 20px;
}

.paragraph-8 {
  color: var(--header-white);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  flex-flow: row;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: Fahkwang, sans-serif;
  font-size: 1.5em;
  font-weight: 200;
  line-height: 30px;
  display: block;
}

.paragraph-8._2 {
  margin-top: 0;
}

.paragraph-8._1 {
  text-align: left;
  line-height: 32px;
}

.container-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 0;
  display: grid;
}

.text-span-30 {
  color: var(--header-white);
  text-transform: none;
  font-weight: 400;
}

.text-span-30.container-10 {
  color: var(--accent-p);
}

.body-3 {
  background-color: var(--bg-black);
  flex-flow: column;
  display: flex;
}

.text-span-31, .text-span-32 {
  color: var(--accent-p);
}

.text-span-33 {
  font-weight: 400;
}

.body-5 {
  background-color: var(--bg-black);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  display: flex;
}

.section-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-stroke-color: var(--header-white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.heading-29 {
  color: var(--header-white);
  text-align: left;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.6rem;
  display: flex;
}

.paragraph-9 {
  color: var(--header-white);
  text-align: center;
  margin-top: 10px;
  padding: 12px;
  font-family: Fahkwang, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}

.paragraph-9._1 {
  text-align: left;
  padding-left: 0;
  font-size: 18px;
  line-height: 26px;
}

.paragraph-9._1.a {
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 500;
}

.paragraph-9._1.b {
  color: var(--light-grey);
}

.image-12 {
  border: 0px solid var(--primary--accent-blue);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--primary--accent-blue);
  max-width: 100%;
  margin-top: 20px;
  padding: 20px;
}

.h2---footer {
  color: var(--accent-p);
  text-align: left;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--header-white);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/1-3-min.jpg');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.h2---footer:where(.w-variant-454a1445-aca3-ca6a-3d79-01847a2a0ba4) {
  color: var(--sn-blue);
}

.h2---footer:where(.w-variant-334dde6f-7c00-b227-7acf-97ce4d9e5c47) {
  color: var(--jlc-main-green);
}

.footer-div-2 {
  text-align: center;
}

.footer-link {
  color: var(--header-white);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--primary--accent-red);
  font-weight: 700;
}

.footer-link.w--current {
  justify-content: flex-start;
  align-items: center;
}

.container-10 {
  max-width: 100%;
  margin-left: 12px;
  margin-right: 12px;
}

.section-11 {
  margin-top: 0;
}

.heading-30 {
  color: var(--light-grey);
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 28px;
}

.text-span-34 {
  color: var(--accent-p);
  font-size: 26px;
  font-weight: 700;
}

.text-span-35 {
  color: var(--accent-p);
  font-weight: 700;
}

.container-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-top: 40px;
  display: flex;
}

.text-span-36 {
  color: var(--accent-p);
  font-family: Gilroy, sans-serif;
  font-weight: 400;
}

.heading-31 {
  color: var(--header-white);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 42px;
  font-weight: 700;
  display: flex;
}

.heading-31._1 {
  margin-top: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-weight: 700;
  position: sticky;
  top: 5rem;
}

.container-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1200px;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 40px;
  display: grid;
}

.container-15.card-stack {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: grid;
}

.container-16 {
  max-width: 1200px;
}

.container-17 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-bottom: 40px;
  display: grid;
}

.div-block-23 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-24 {
  display: flex;
  overflow: hidden;
}

.container-18 {
  flex-flow: column;
  max-width: 1200px;
  margin-top: 40px;
  display: flex;
}

.div-block-25 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-top: 20px;
  display: flex;
}

.text-span-38, .text-span-39 {
  color: var(--accent-p);
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 700;
}

.container-19 {
  max-width: 1200px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.container-22 {
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-bottom: 40px;
  display: flex;
}

.container-23 {
  max-width: 1200px;
}

.horizontal-scroll-section {
  height: 150vh;
  position: relative;
}

.final-design-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.heading-33 {
  color: #353535;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--header-white);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/1-3-min.jpg');
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 7rem;
  font-weight: 400;
  line-height: 140px;
  display: flex;
}

.heading-33._1 {
  background-image: none;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 10rem;
  line-height: 143px;
}

.image-15 {
  width: 100%;
  min-width: auto;
  max-width: 100%;
  padding: 14px;
}

.image-16 {
  width: auto;
  min-width: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.final-design-jlc {
  text-transform: lowercase;
}

.horizontal-scroll-wrapper {
  width: 100vw;
  padding: 18px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-scroll-content {
  width: 400vh;
  display: flex;
  overflow: visible;
}

.block {
  aspect-ratio: 2 / 3;
  object-fit: fill;
  background-color: #7a5f5f;
  width: 450px;
  height: 550px;
  margin-right: 18px;
  display: block;
}

.block._1 {
  background-image: url('../images/DSC03517-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
  margin-right: 12px;
}

.block._2 {
  background-image: url('../images/08-16.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._3 {
  background-image: url('../images/08-14.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._4 {
  background-image: url('../images/4-4-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 5000px;
  height: 700px;
}

.block._5 {
  background-image: url('../images/10-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._6 {
  background-image: url('../images/5-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._7 {
  background-image: url('../images/12-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._8 {
  background-image: url('../images/2-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._9 {
  background-image: url('../images/15-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.block._10 {
  background-image: url('../images/RINO-0.1.1-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 500px;
  height: 700px;
}

.div-block-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  overflow: clip;
}

.about-me-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 1200px;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 40px;
  display: grid;
}

.section-14 {
  margin-bottom: 60px;
}

.section-15 {
  align-self: center;
}

.text-span-40 {
  color: #85c226;
}

.section-16 {
  background-color: var(--bg-black);
}

.image-17, .image-18, .image-19 {
  border: 0px solid var(--header-white);
  border-radius: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  height: auto;
}

.div-block-30 {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.stack-card {
  border: 1px solid var(--header-white);
  background-color: var(--header-white);
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20rem;
  margin-bottom: 18rem;
  display: flex;
  position: sticky;
  top: 5rem;
}

.stack-card._2 {
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  margin-bottom: 15rem;
  top: 8rem;
}

.stack-card._3 {
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 12rem;
  top: 11rem;
}

.stack-card._4 {
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  background-size: cover;
  margin-bottom: 9rem;
  top: 14rem;
}

.stack-card._5 {
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  background-size: cover;
  margin-bottom: 6rem;
  top: 17rem;
}

.stack-card._6 {
  background-image: url('../images/pexels-skylar-kang-6044198.jpg');
  background-size: cover;
  margin-bottom: 3rem;
  top: 20rem;
}

.stack-card._7 {
  margin-bottom: 0;
  top: 23rem;
}

.stack_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.section-18 {
  background-image: url('../images/Mesh-gradient.png');
  background-position: 50%;
  background-size: cover;
  margin-top: 40px;
  position: static;
}

.card-heading {
  color: var(--header-white);
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  font-size: 28px;
  font-weight: 300;
  display: flex;
}

.card-paragraph {
  color: var(--header-white);
  justify-content: center;
  align-items: center;
  padding: 22px;
  font-family: Fahkwang, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 32px;
  display: flex;
}

.text-span-42 {
  color: var(--sn-blue);
}

.text-span-43 {
  color: var(--jlc-main-green);
  font-weight: 700;
}

.text-span-46 {
  font-size: 16px;
}

.text-span-47, .text-span-48 {
  color: var(--jlc-main-green);
  font-family: Gilroy, sans-serif;
}

.text-span-49 {
  font-size: 16px;
}

.image-23 {
  display: block;
}

.image-24 {
  margin-left: 6px;
}

.image-25 {
  width: 100%;
}

.text-span-55, .text-span-56, .text-span-57, .text-span-58 {
  color: var(--jlc-main-green);
}

.image-26 {
  border: 0px solid var(--header-white);
  border-radius: 0;
  max-width: 1200px;
  padding: 0;
}

.text-span-61 {
  color: var(--sn-blue);
}

.div-block-36 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 0px solid var(--light-grey);
  border-radius: 26px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  padding: 16px;
  display: flex;
}

.section-20 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1200px;
  max-width: 1300px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.heading-39 {
  background-image: linear-gradient(85deg, var(--accent-p), #1c54f0);
  color: var(--header-white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 34px;
  font-weight: 700;
  display: flex;
}

.heading-39._1 {
  background-image: linear-gradient(85deg, var(--jlc-main-green) 37%, #012c56 88%);
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-weight: 700;
}

.heading-39._2 {
  background-image: linear-gradient(84deg, #1e90ff 53%, #f7fbff 84%, #fff);
}

.paragraph-11 {
  color: var(--header-white);
  text-align: center;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.heading-41 {
  background-color: var(--header-white);
  color: var(--grey-hd);
  text-align: center;
  letter-spacing: 6px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--bg-black);
  -webkit-text-fill-color: transparent;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  align-self: center;
  margin-top: 0;
  font-family: Morena, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 56px;
  display: flex;
}

.heading-41.footer {
  background-image: linear-gradient(90deg, var(--grey-hd), var(--header-white));
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--header-white);
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 3vh;
  font-weight: 700;
  line-height: 3.6rem;
  text-decoration: none;
}

.text-span-65 {
  color: #fa0c00;
  font-size: 20px;
  font-weight: 700;
}

.container-27 {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1200px;
  max-width: none;
  margin-top: 80px;
  display: flex;
}

.about---group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 60px;
  display: grid;
}

.about-divh1 {
  color: var(--header-white);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--header-white);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 54px;
  display: flex;
}

.about-divp {
  color: var(--header-white);
  text-align: center;
  padding: 6px;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.heading-42 {
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 90px;
}

.text-span-68 {
  color: var(--header-white);
}

.text-span-69 {
  color: var(--primary--accent-red);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--header-white);
}

.text-span-70 {
  color: #0e10f000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fcfcfe;
}

.text-block-11 {
  color: var(--light-grey);
  letter-spacing: 10px;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
  font-size: 18px;
}

.text-span-71 {
  color: #fcfcfe00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fcfcfe;
  margin-left: 8px;
}

.text-span-72 {
  color: #fcfcfe00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fcfcfe;
  margin-left: 8px;
  display: flex;
}

.big-number {
  color: #35353500;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #353535;
  margin-top: 80px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 22vw;
  font-weight: 700;
  line-height: 5vh;
}

.big-number._1 {
  align-self: flex-end;
}

.div-block-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: grid;
}

.styleguide-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  max-width: 1200px;
  display: flex;
  overflow: hidden;
}

.heading-43 {
  background-image: linear-gradient(180deg, var(--accent-p), #002fff);
  color: var(--header-white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 20px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 3vw;
  font-weight: 700;
  line-height: 6vh;
}

.image-27 {
  width: 100%;
  max-width: 100%;
  display: block;
}

.text-span-84 {
  color: var(--accent-p);
}

.text-span-85 {
  font-family: Gilroy, sans-serif;
  font-weight: 300;
}

.section-21 {
  margin-bottom: 80px;
}

.heading-44 {
  color: var(--header-white);
  letter-spacing: 0;
  -webkit-text-stroke-width: 2px;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Frame-42-min.png');
  background-position: 0%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 11vh;
  display: flex;
}

.findings-h1 {
  background-image: linear-gradient(90deg, #1b1b1b 17%, var(--jlc-main-green));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.findings-paragraph {
  color: var(--header-white);
  text-align: left;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 28px;
}

.findings-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1200px;
  display: grid;
}

.section-22 {
  align-self: center;
}

.text-span-87, .text-span-88, .text-span-89, .text-span-90, .text-span-91, .text-span-92, .text-span-93, .text-span-94, .text-span-95, .text-span-96, .text-span-97, .text-span-98, .text-span-99 {
  color: var(--jlc-main-green);
}

.section-23 {
  align-self: center;
}

.style-guide-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: 1200px;
  margin-top: 45px;
  display: grid;
}

.link-2 {
  color: var(--accent-p);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
}

.link-2._1 {
  color: var(--jlc-main-green);
  align-self: flex-start;
  margin-top: 28px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 22px;
  font-weight: 100;
  text-decoration: underline;
}

.link-2._2 {
  color: var(--sn-blue);
  align-self: flex-start;
  margin-top: 28px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 24px;
  font-weight: 100;
  text-decoration: underline;
}

.text-span-100 {
  color: #f10086;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #f10086;
  text-transform: uppercase;
  font-family: Gilroy, sans-serif;
  font-size: 28px;
}

.heading-45 {
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--header-white);
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Frame-42-min.png');
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 6rem;
}

.div-block-45 {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1200px;
  display: flex;
}

.final-design-wrapper-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-30, .image-31, .image-32, .image-33, .image-34 {
  border-radius: 8px;
}

.text-span-102, .text-span-103, .text-span-104, .text-span-105 {
  color: var(--sn-blue);
  font-weight: 700;
}

.text-span-106 {
  color: var(--sn-blue);
  font-style: italic;
  font-weight: 600;
}

.section-24 {
  margin-top: 10px;
}

.heading-46 {
  color: var(--header-white);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--header-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 0 solid #000;
  margin-top: 10px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 90px;
}

.text-span-109 {
  color: #fcfcfe00;
  -webkit-text-stroke-width: 1px;
}

.heading-47 {
  color: var(--header-white);
  text-transform: none;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 61px;
}

.text-span-110 {
  color: #1e90ff00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--header-white);
  line-height: 37px;
}

.text-span-111 {
  color: var(--sn-blue);
}

.heading-48 {
  color: var(--header-white);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 10px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-style: italic;
  font-weight: 900;
}

.carousel-container {
  display: flex;
  overflow: hidden;
}

.logo-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--bg-black);
  justify-content: space-around;
  align-items: center;
  min-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.logo-image {
  height: 80px;
}

.about-description-logo {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.text-span-112 {
  color: #fa0c00;
  font-size: 18px;
  font-weight: 700;
}

.text-span-113 {
  font-size: 22px;
  font-weight: 400;
}

.text-span-114, .text-span-115 {
  -webkit-text-stroke-color: var(--header-white);
}

.back-to-top {
  border: 0 solid #000;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  inset: auto 1% 1% auto;
}

.image-35 {
  border: 0px solid var(--bg-black);
  border-radius: 0;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  inset: auto 1% 1% auto;
}

.anchor {
  position: absolute;
  inset: -25% 0% auto;
}

.casestudy-button-wrapper {
  display: flex;
}

.heading-49 {
  color: var(--header-white);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 3px 4px 6px #0000008f;
  align-self: center;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.heading-49:hover {
  color: #fa0c00;
}

.image-36 {
  align-self: center;
  padding: 4px;
}

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

.div-block-47 {
  aspect-ratio: auto;
  object-fit: cover;
  max-width: 1200px;
}

.section-25 {
  margin-bottom: 80px;
}

.div-block-48 {
  max-width: 100%;
  overflow: clip;
}

.text-span-118, .text-span-120, .text-span-123 {
  color: #fcfcfe00;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fcfcfe;
}

.text-wrapper {
  margin-bottom: 80px;
}

.loop-text-container {
  width: 100%;
  overflow: hidden;
}

.loop-text {
  display: flex;
}

.heading-50 {
  color: var(--header-white);
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  margin-right: 20px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 148px;
  font-weight: 900;
  line-height: 96px;
}

.loop-text-outer {
  display: none;
}

.text-span-129, .text-span-130, .text-span-131 {
  color: #fcfcfe00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fcfcfe;
}

.heading-53 {
  color: var(--grey-hd);
  letter-spacing: 1px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 100;
  text-decoration: line-through;
}

.heading-54 {
  color: var(--header-white);
  letter-spacing: 0;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
}

.div-block-52 {
  display: flex;
}

.image-41 {
  margin-left: 8px;
}

.text-span-132, .text-span-133, .text-span-134, .text-span-135 {
  color: #fa0c00;
}

.bold-text {
  color: var(--light-grey);
  font-weight: 200;
}

.text-span-136 {
  color: var(--accent-p);
}

.text-span-137 {
  color: #fa0c00;
  font-weight: 200;
}

.paragraph-12 {
  color: var(--header-white);
  text-align: left;
  padding: 8px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.paragraph-12._1 {
  text-align: center;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 400;
}

.paragraph-12._3 {
  font-family: Fahkwang, sans-serif;
  font-weight: 200;
}

.text-span-138 {
  color: var(--primary--accent-red);
  -webkit-text-stroke-color: var(--header-white);
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 22px;
  font-weight: 700;
}

.text-span-139 {
  color: #0e10f0;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 22px;
  font-weight: 700;
}

.block-quote {
  color: var(--header-white);
  align-self: flex-start;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
}

.bold-text-2, .bold-text-3 {
  color: var(--light-grey);
  font-weight: 200;
}

.image-42 {
  align-self: flex-start;
  margin-top: -30px;
}

.paragraph-13 {
  color: var(--header-white);
  text-align: center;
  letter-spacing: 1px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--bg-black);
  text-transform: uppercase;
  text-shadow: 3px 4px 6px #000000a1;
  align-self: center;
  margin-top: 30px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 30px;
}

.image-43 {
  align-self: center;
}

.text-span-143 {
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 700;
}

.div-block-53 {
  display: flex;
}

.text-block-12 {
  margin-left: 5px;
}

.text-span-144 {
  color: var(--light-grey);
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-weight: 100;
}

.text-span-145 {
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.text-span-146 {
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.heading-55 {
  color: var(--primary--accent-red);
  text-align: left;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #0c0c0c;
  text-shadow: 3px 4px 6px #000000a6;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 26px;
}

.text-span-147 {
  color: #fa0c00;
}

.text-span-148 {
  color: var(--primary--accent-red);
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 22px;
  font-weight: 900;
}

.text-span-149 {
  color: var(--primary--accent-red);
}

.div-block-54 {
  color: var(--header-white);
  align-self: center;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.link-block {
  text-decoration: none;
  display: flex;
}

.heading-56 {
  margin-left: 6px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  text-decoration: none;
}

.text-span-151 {
  color: var(--header-white);
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.section-29 {
  background-image: url('../images/Madeira---WALK---18.1-1.png');
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
}

.heading-57 {
  align-self: flex-start;
  margin-bottom: -10px;
  padding-left: 2px;
  font-size: 16px;
  font-weight: 100;
}

.heading-58 {
  color: var(--header-white);
  font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
  font-size: 46px;
}

.paragraph-14 {
  color: var(--header-white);
  margin-bottom: 26px;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 22px;
}

.div-block-57 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 1200px;
  padding-left: 20px;
  display: flex;
}

.section-30 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.text-span-153 {
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.text-span-154 {
  color: var(--primary--accent-red);
}

.text-span-155 {
  color: var(--header-white);
  font-size: 22px;
  font-weight: 700;
}

.about-button-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: flex;
}

.div-block-58 {
  align-self: center;
}

.div-block-59 {
  text-decoration: none;
}

.paragraph-15 {
  color: var(--header-white);
  letter-spacing: 0;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 22px;
}

.paragraph-15.b {
  margin-top: 10px;
}

.heading-59 {
  color: #fcfcfe;
  margin-bottom: 16px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
  font-size: 15px;
  font-weight: 100;
}

.text-span-156 {
  color: var(--primary--accent-red);
}

.text-span-157, .text-span-158, .text-span-159, .text-span-160 {
  line-height: 24px;
}

.text-span-163, .text-span-164 {
  font-family: "Vermin Vibes 2", Impact, sans-serif;
  font-size: 22px;
}

.intro-sect {
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-sect-div-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
}

.intro-sect-div1 {
  flex-flow: column;
  display: flex;
}

.heading-60 {
  color: var(--header-white);
  font-family: Made Outer Sans Alt Personal Use, Impact, sans-serif;
}

.image-45 {
  align-self: center;
  margin-bottom: 14px;
  margin-left: 12px;
  display: block;
}

.paragraph-16 {
  color: var(--header-white);
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px;
  font-family: "Matroska Rppg 6", Impact, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.heading-61 {
  color: var(--light-grey);
  letter-spacing: 1px;
  align-self: center;
  padding-left: 12px;
  font-family: "Neobique Vm 4 Lm", Impact, sans-serif;
  font-size: 14px;
}

.rich-text-block {
  color: var(--header-white);
}

.content-section {
  display: flex;
  position: relative;
}

.column-1 {
  flex: 1;
}

.column-2 {
  flex: 1;
  height: 100vh;
  position: sticky;
  top: 0;
}

.photo {
  height: 800px;
}

.photo._1 {
  border: .5px solid var(--header-white);
  background-image: url('../images/Desktop---1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1050px;
}

.photo._2 {
  background-image: url('../images/01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.photo._3 {
  background-image: url('../images/05-4.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-holder {
  height: 100%;
  display: block;
  position: relative;
}

.content {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-62 {
  color: var(--header-white);
}

.heading-63 {
  color: var(--header-white);
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 22px;
  font-family: Made Outer Sans Personal Use, Impact, sans-serif;
}

.image-46 {
  margin-bottom: 12px;
}

.heading-64 {
  color: var(--light-grey);
  font-family: "Vermin Vibes 2", Impact, sans-serif;
}

@media screen and (max-width: 991px) {
  .hero-section {
    background-position: 35%;
  }

  .hero-section.cs-1 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 80px;
    display: flex;
  }

  .h1---big {
    text-align: left;
    -webkit-text-stroke-width: 1px;
    align-self: center;
    font-size: 14vw;
    font-weight: 900;
    line-height: 5.1rem;
  }

  .div-block-9 {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .section-2 {
    background-size: cover;
    height: auto;
    padding: 18px;
  }

  .section-2.review {
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .ab-heading {
    color: #fcfcfe;
  }

  .ab-text {
    font-family: Gilroy, sans-serif;
    line-height: 23px;
  }

  .btn {
    border-color: #fcfcfe;
    margin-left: 20px;
    box-shadow: 0 0 16px 2px #fa0c00;
  }

  .container-4 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .section-3 {
    background-image: none;
    max-width: 100%;
  }

  .cs-div {
    width: auto;
    max-width: 100%;
  }

  .div-block-13 {
    flex-flow: column;
    display: flex;
  }

  .cs-h2 {
    color: #fcfcfe;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    line-height: 68px;
    display: flex;
  }

  .cs-h2._1 {
    flex-flow: row;
    align-self: flex-start;
    margin-bottom: 0;
    font-size: 44px;
  }

  .cs-h3 {
    text-align: left;
    padding-left: 20px;
    font-size: 24px;
  }

  .paragraph {
    align-self: flex-start;
    width: 80%;
  }

  .div-block-15 {
    flex-flow: column;
    display: flex;
  }

  .about-h1 {
    font-size: 188px;
  }

  .footer {
    background-position: 50%;
  }

  .cs-hero-container {
    flex-flow: column;
    align-self: center;
    display: flex;
  }

  .cs-hero-h1 {
    line-height: 75px;
  }

  .heading-16 {
    background-position: 50% 30%;
    align-self: center;
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 94px;
    line-height: 100px;
  }

  .cs-hero-h2._2 {
    text-align: left;
  }

  .nav-link-4 {
    text-align: center;
    padding: 32px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 6vw;
    line-height: 28px;
  }

  .nav-link-5 {
    text-align: center;
    padding: 32px;
    font-size: 4vw;
    line-height: 28px;
  }

  .nav-link-6 {
    text-align: center;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-bottom: 32px;
    margin-left: 260px;
    margin-right: 260px;
    padding: 32px;
    font-size: 4vw;
    line-height: 14px;
    display: block;
  }

  .text-block-10 {
    font-size: 4vw;
  }

  .icon-3 {
    font-size: 23px;
  }

  .dropdown-link-2, .dropdown-link-3, .dropdown-link-4 {
    color: var(--header-white);
    font-size: 5vw;
    display: flex;
  }

  .icon-4 {
    color: #fcfcfe;
    font-size: 52px;
  }

  .menu-button-2.w--open {
    background-color: var(--bg-black);
    color: var(--bg-black);
  }

  .nav-menu-2 {
    background-color: var(--bg-black);
    margin-top: 0;
  }

  .div-block-21 {
    padding: 32px;
    line-height: 28px;
  }

  .paragraph-6 {
    width: 60%;
    padding-bottom: 8px;
    font-size: 18px;
  }

  .intro-container {
    padding: 12px;
  }

  .container-6 {
    flex-flow: column;
    display: flex;
  }

  .container-7 {
    flex-flow: column;
    padding: 8px;
    display: flex;
  }

  .paragraph-8._1 {
    margin-bottom: 0;
  }

  .container-8 {
    flex-flow: column;
    padding: 13px;
    display: flex;
  }

  .section-10 {
    flex-flow: column;
    display: flex;
  }

  .paragraph-9._1 {
    text-align: left;
  }

  .image-12 {
    align-self: center;
  }

  .container-15 {
    width: auto;
    max-width: 100%;
    padding: 12px;
  }

  .container-15.card-stack {
    flex-flow: column;
    width: auto;
    max-width: 100%;
    display: flex;
  }

  .div-block-24 {
    flex-flow: column;
  }

  .container-19 {
    margin-bottom: 0;
  }

  .horizontal-scroll-section {
    display: none;
  }

  .heading-33 {
    background-position: 100%;
    margin-top: 10px;
    font-size: 68px;
  }

  .final-design-jlc {
    max-width: 100%;
    padding: 12px;
  }

  .about-me-container {
    flex-flow: column;
    width: auto;
    max-width: none;
    display: flex;
  }

  .div-block-27 {
    align-self: center;
  }

  .section-15 {
    padding: 12px;
  }

  .image-17 {
    border-radius: 0;
    max-width: 100%;
  }

  .stack_wrapper {
    padding: 47px;
  }

  .image-26 {
    max-width: 100%;
  }

  .heading-41 {
    font-size: 4vw;
  }

  .container-27 {
    width: auto;
    max-width: 100%;
    padding: 12px;
  }

  .about---group {
    flex-flow: column;
    display: flex;
  }

  .about-divh1 {
    justify-content: flex-start;
    align-items: center;
  }

  .about-divp {
    text-align: left;
  }

  .heading-42 {
    line-height: 74px;
  }

  .big-number {
    margin-top: 20px;
    line-height: 14vh;
  }

  .div-block-39 {
    flex-flow: column;
    display: flex;
  }

  .heading-43, .heading-44 {
    font-size: 5rem;
  }

  .findings-wrapper {
    flex-flow: column;
    width: auto;
    max-width: 100%;
    padding: 12px;
    display: flex;
  }

  .section-22, .section-23 {
    max-width: 100%;
  }

  .style-guide-div {
    flex-flow: column;
    max-width: 100%;
    padding: 12px;
    display: flex;
  }

  .div-block-44 {
    padding: 12px;
  }

  .heading-46 {
    font-size: 6rem;
  }

  .heading-47 {
    font-size: 6rem;
    line-height: 6rem;
  }

  .heading-48 {
    text-align: left;
  }

  .logo-image {
    height: 60px;
  }

  .about-description-logo {
    justify-content: center;
    align-items: center;
  }

  .div-block-50 {
    padding: 12px;
  }

  .text-wrapper {
    display: none;
  }

  .heading-52 {
    color: var(--header-white);
    padding: 12px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 80px;
    line-height: 70px;
  }

  .text-span-125 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
  }

  .paragraph-13 {
    font-size: 3vw;
  }

  .text-span-140, .text-span-141, .text-span-142 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
    margin-left: 6px;
  }

  .heading-55 {
    align-self: flex-start;
    margin-left: 3px;
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    background-position: 50%;
  }

  .h1---big {
    text-align: center;
    align-self: flex-start;
    font-size: 11vw;
    font-weight: 900;
    line-height: 4rem;
  }

  .btn {
    align-self: center;
  }

  .cs-div {
    flex-flow: column;
    width: auto;
  }

  .div-block-13 {
    margin-bottom: 60px;
  }

  .cs-h2 {
    flex-flow: column;
    align-self: center;
    padding-left: 0;
  }

  .cs-h2._1 {
    flex-flow: column;
    align-self: center;
    line-height: 52px;
  }

  .cs-h3 {
    text-align: center;
    align-self: center;
    line-height: 38px;
  }

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

  .heading-16 {
    letter-spacing: -8px;
    font-size: 103px;
  }

  .nav-link-4 {
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 5vw;
    font-weight: 700;
  }

  .nav-link-5 {
    font-size: 5vw;
  }

  .nav-link-6 {
    margin-left: 140px;
    margin-right: 140px;
    font-size: 5vw;
    line-height: 14px;
  }

  .text-block-10 {
    font-size: 5vw;
  }

  .icon-4 {
    font-size: 44px;
  }

  .paragraph-6 {
    width: 75%;
  }

  .intro-container, .container-6, .container-7, .container-8, .section-10 {
    flex-flow: column;
    display: flex;
  }

  .image-12 {
    align-self: center;
  }

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

  .heading-33 {
    font-size: 88px;
  }

  .image-18, .image-19 {
    border-radius: 0;
    max-width: 100%;
  }

  .heading-41 {
    font-size: 4vw;
    font-weight: 500;
  }

  .heading-52 {
    font-size: 59px;
  }

  .block-quote {
    margin-top: 10px;
  }

  .heading-55 {
    align-self: flex-start;
    font-size: 23px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    max-width: 100%;
    overflow: visible;
  }

  .hero-section {
    background-image: url('../images/Desktop---1.1.png');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    height: 90dvh;
    display: flex;
  }

  .hero-section.cs-1 {
    background-image: none;
    align-self: center;
    max-width: 100%;
    margin-top: 50px;
    overflow: visible;
  }

  .h1---big {
    color: var(--header-white);
    text-align: left;
    letter-spacing: 0;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--bg-black);
    -webkit-text-fill-color: inherit;
    background-color: #fa0c0000;
    background-clip: border-box;
    align-self: center;
    margin-top: 0;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 3.4rem;
    font-weight: 900;
    line-height: 3.6rem;
  }

  .container {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 15px;
  }

  .div-block-3 {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 12px;
  }

  .div-block-9 {
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .section-2 {
    background-position: 12%;
    background-size: contain;
    height: auto;
    padding: 18px;
  }

  .section-2.review {
    justify-content: flex-start;
    align-items: center;
  }

  .ab-heading {
    justify-content: center;
    align-items: center;
    font-size: 68px;
    display: flex;
  }

  .ab-text {
    padding: 8px;
  }

  .div-block-10 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .hero-btn {
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
  }

  .btn {
    border-width: 1px;
    border-color: var(--primary--accent-red);
    text-align: center;
    align-self: center;
    margin-left: 0;
    padding: 12px;
    font-size: 14px;
    box-shadow: 0 0 16px 2px #fa0c00;
  }

  .btn:hover {
    font-family: "Vermin Vibes 2", Impact, sans-serif;
  }

  .btn.ab {
    margin-left: 0;
    padding: 12px 18px;
    font-size: 14px;
    box-shadow: 0 0 16px 2px #0e10f0;
  }

  .btn.ab:hover {
    border-color: var(--primary--accent-red);
    box-shadow: 0 0 16px 2px var(--primary--accent-red);
  }

  .btn.about-div1, .btn.about-div2, .btn._3 {
    margin-left: 0;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 0 16px 2px #0e10f0;
  }

  .btn.cf {
    margin-left: 0;
    font-size: 14px;
  }

  .btn._2 {
    border-color: var(--primary--accent-red);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--primary--accent-red);
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 12px;
    display: flex;
  }

  .container-4 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .section-3 {
    background-color: #0a0a0a;
    background-image: linear-gradient(#0000, #0000);
    margin-top: 80px;
  }

  .cs-div {
    text-align: center;
    flex-flow: column;
    align-self: center;
    width: auto;
  }

  .cs-div._1 {
    width: auto;
  }

  .div-block-13 {
    flex-flow: column;
    display: flex;
  }

  .cs-h2 {
    text-align: left;
    flex-flow: row;
    align-self: center;
    padding-left: 0;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 38px;
    line-height: 48px;
  }

  .cs-h2._1 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-bottom: 10px;
    line-height: 50px;
  }

  .cs-h2._2 {
    font-size: 24px;
  }

  .cs-h3 {
    text-align: center;
    letter-spacing: 2px;
    align-self: center;
    padding-left: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph {
    text-align: center;
    align-self: center;
    width: 91%;
  }

  .about-h1 {
    text-align: center;
    align-self: auto;
    font-size: 168px;
  }

  .div-block-16 {
    align-self: center;
  }

  .paragraph-2 {
    flex-flow: row;
  }

  .footer-container {
    flex-flow: column;
    margin-top: -15px;
    display: flex;
  }

  .footer {
    background-size: cover;
    height: auto;
    margin-bottom: 0;
  }

  .body-2 {
    max-width: 100%;
  }

  .cs-hero-container {
    width: auto;
    overflow: visible;
  }

  .cs-hero-h1 {
    text-align: left;
    font-size: 56px;
    line-height: 46px;
  }

  .cs-hero-h1._2 {
    line-height: 58px;
  }

  .heading-16 {
    color: #fcfcfe;
    text-align: center;
    letter-spacing: 0;
    -webkit-text-stroke-width: 0px;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    flex: 0 auto;
    margin-bottom: 0;
    padding-left: 0;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 42px;
    overflow: visible;
  }

  .cs-hero-h2 {
    align-self: flex-start;
    margin-left: 0;
    font-size: 20px;
  }

  .cs-hero-h2._2 {
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
    line-height: 28px;
  }

  .section-6 {
    max-width: 100%;
  }

  .ogm-cs-hero-image {
    background-image: url('../images/OGm---hands-image-min.png');
    background-position: 37%;
    background-size: cover;
    height: 70vh;
  }

  .ogm-cs-hero-image._1 {
    background-position: 56%;
    height: 60vh;
    margin-left: 0;
  }

  .ogm-cs-hero-image._2 {
    background-position: 55%;
    max-width: 100%;
  }

  .logo {
    vertical-align: middle;
  }

  .nav-link-4 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: 80px;
    margin-right: 80px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .nav-link-4:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-weight: 700;
  }

  .nav-link-5 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 80px;
    margin-right: 80px;
    font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
    font-size: 26px;
    text-decoration: none;
    display: flex;
  }

  .nav-link-5:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995), .nav-link-5:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    font-weight: 700;
  }

  .nav-link-6 {
    justify-content: center;
    align-items: center;
    margin-left: 80px;
    margin-right: 80px;
    padding: 18px;
    font-size: 26px;
    line-height: 28px;
    display: flex;
  }

  .dropdown {
    display: block;
  }

  .text-block-10 {
    flex-flow: column;
    font-size: 26px;
    display: flex;
  }

  .text-block-10:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    font-weight: 700;
  }

  .icon-3 {
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    position: relative;
  }

  .icon-3:hover {
    color: var(--header-white);
  }

  .dropdown-list-2 {
    position: absolute;
    top: auto;
  }

  .dropdown-list-2.w--open {
    border-top-width: 0;
    border-top-color: var(--light-grey);
    border-bottom-width: 1px;
    border-bottom-color: var(--header-white);
    background-color: #0c0c0c;
    margin-top: 12px;
    position: fixed;
    top: auto;
  }

  .dropdown-link-2 {
    text-align: left;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 12px;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 32px;
  }

  .dropdown-link-2:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
    text-align: left;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 2.2rem;
    line-height: 32px;
  }

  .dropdown-link-2.w--current {
    color: var(--header-white);
    text-align: left;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 2rem;
  }

  .dropdown-link-3 {
    text-align: left;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 12px;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 33px;
    display: flex;
    overflow: hidden;
  }

  .dropdown-link-3:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
    line-height: 32px;
  }

  .dropdown-link-3.w--current:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    color: var(--header-white);
  }

  .dropdown-link-4 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 12px;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 32px;
  }

  .dropdown-link-4.w--current, .dropdown-link-4.w--current:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
    line-height: 32px;
  }

  .dropdown-toggle-2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .icon-4 {
    color: #e4e4e4;
    background-color: #0a0a0a00;
    font-size: 40px;
  }

  .menu-button-2 {
    color: #0c0c0c00;
    background-color: #0c0c0c00;
    margin-top: 6px;
  }

  .menu-button-2.w--open {
    color: #e4e4e4;
    -webkit-text-stroke-color: #0a0a0a;
    background-color: #0a0a0a00;
  }

  .nav-menu-2 {
    border-bottom: 1px solid var(--header-white);
    background-color: #0c0c0c;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: block;
  }

  .div-block-21 {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    padding: 32px;
    display: flex;
  }

  .paragraph-6 {
    text-align: center;
    width: 90%;
    margin-left: 0;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .text-span-27 {
    font-size: 22px;
  }

  .line-div {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 322px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .intro-section {
    max-width: 100%;
  }

  .intro-container {
    flex-flow: column;
    align-self: auto;
    display: flex;
  }

  .intro-div {
    align-self: center;
  }

  .intro-line-div {
    justify-content: flex-start;
    align-items: center;
    width: 322px;
    margin-left: 0;
    display: flex;
  }

  .intro-line-div._1 {
    margin-left: 14px;
  }

  .intro-line-div._2 {
    justify-content: flex-start;
    align-items: center;
    margin-left: 14px;
  }

  .intro-line-div._3 {
    margin-left: 14px;
  }

  .cs-intro-text {
    padding: 14px;
    font-size: 1.5em;
  }

  .heading-18 {
    padding-left: 0;
  }

  .heading-19 {
    padding-left: 0;
    font-size: 1.5em;
  }

  .heading-20 {
    padding-left: 0;
  }

  .heading-21 {
    padding-left: 0;
    font-size: 1.5em;
  }

  .heading-22 {
    padding-left: 0;
  }

  .heading-23 {
    padding: 0 14px 14px 0;
    font-size: 1.5em;
  }

  .container-6 {
    flex-flow: column;
    display: flex;
  }

  .container-7 {
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
  }

  .heading-26 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px;
    display: flex;
  }

  .heading-26._2 {
    padding: 14px;
  }

  .paragraph-8 {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 14px;
    overflow: visible;
  }

  .paragraph-8._1 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-8._3 {
    text-align: left;
  }

  .container-8 {
    margin-top: 0;
  }

  .text-span-30 {
    font-size: 42px;
  }

  .text-span-30.container-10 {
    margin-left: 0;
  }

  .body-3 {
    max-width: 100%;
    overflow: visible;
  }

  .text-span-33 {
    font-size: 44px;
  }

  .body-5 {
    background-image: none;
    max-width: 100%;
  }

  .section-10 {
    background-size: cover;
    width: auto;
    max-width: 100%;
    margin-top: 20px;
  }

  .heading-29 {
    text-align: left;
    flex-flow: column;
    margin-top: 0;
    padding: 12px 14px;
    font-size: 3rem;
    line-height: 3rem;
  }

  .paragraph-9 {
    text-align: center;
    line-height: 26px;
  }

  .paragraph-9._1 {
    text-align: left;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 12px;
  }

  .paragraph-9._1.b {
    margin-top: 0;
  }

  .image-12 {
    border-color: var(--header-white);
    -webkit-text-stroke-color: var(--primary--accent-red);
  }

  .h2---footer {
    text-align: center;
    margin-top: 8px;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 26px;
    font-weight: 700;
  }

  .footer-div-2 {
    align-self: center;
  }

  .footer-link {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 8px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 16px;
  }

  .footer-link:hover {
    color: #0e10f0;
  }

  .footer-link.w--current {
    justify-content: center;
    align-items: center;
  }

  .container-10 {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-10:where(.w-variant-ab0fb0a4-d443-edb7-f643-30e49fb84995) {
    max-width: 100%;
  }

  .heading-30 {
    margin-bottom: 20px;
  }

  .container-12 {
    max-width: 100%;
  }

  .heading-31 {
    padding: 14px;
    display: none;
  }

  .heading-31._1 {
    justify-content: flex-start;
    align-items: center;
    padding: 14px;
    display: flex;
  }

  .container-15 {
    flex-flow: column;
    width: auto;
    margin-bottom: 0;
    display: flex;
  }

  .container-15.card-stack, .container-17 {
    flex-flow: column;
    display: flex;
  }

  .div-block-24 {
    flex-flow: column;
    align-self: center;
  }

  .container-18 {
    max-width: 100%;
    margin-top: 0;
  }

  .div-block-25 {
    flex-flow: column;
    display: flex;
  }

  .container-19 {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .container-22 {
    max-width: 100%;
  }

  .horizontal-scroll-section {
    display: none;
  }

  .final-design-container {
    max-width: 100%;
    overflow: hidden;
  }

  .heading-33 {
    text-align: left;
    background-position: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 2.2rem;
    line-height: 70px;
  }

  .heading-33._1 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    max-width: 100%;
    margin-bottom: 12px;
    margin-left: 0;
    font-size: 8em;
    overflow: hidden;
  }

  .image-15 {
    flex: 0 auto;
    min-width: 0;
    max-width: 100%;
    padding: 12px;
  }

  .image-16 {
    padding: 16px;
  }

  .final-design-jlc {
    max-width: 100%;
  }

  .about-me-container {
    flex-flow: column;
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-27 {
    align-self: center;
    display: block;
  }

  .text-span-40 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 284px;
    font-size: 46px;
    display: flex;
  }

  .section-16 {
    max-width: 100%;
  }

  .image-17 {
    border-width: 0;
    border-radius: 0;
    max-width: 100%;
    overflow: clip;
  }

  .image-18 {
    border-width: 0;
    border-radius: 0;
    max-width: 100%;
  }

  .image-19 {
    border-style: none;
    border-radius: 0;
    max-width: 100%;
  }

  .div-block-30 {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .stack-card {
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }

  .stack_wrapper {
    padding: 12px;
  }

  .card-heading {
    font-size: 20px;
    overflow: visible;
  }

  .card-paragraph {
    font-size: 14px;
    line-height: 27px;
  }

  .image-26 {
    border-radius: 20px;
    max-width: 100%;
    padding: 12px;
    display: block;
    overflow: clip;
  }

  .div-block-34 {
    padding: 14px;
  }

  .section-20 {
    width: auto;
    max-width: 100%;
  }

  .heading-41 {
    background-color: var(--header-white);
    color: var(--header-white);
    text-align: left;
    letter-spacing: 4px;
    -webkit-text-stroke-width: 0px;
    background-image: none;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    font-size: 21px;
    font-weight: 700;
    line-height: 43px;
    display: flex;
  }

  .heading-41.footer {
    text-align: center;
    letter-spacing: 3px;
    justify-content: flex-start;
    align-items: center;
    margin-top: -12px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 4vw;
    line-height: 2.7rem;
  }

  .container-27 {
    width: auto;
    max-width: 100%;
    margin-top: 20px;
  }

  .about---group {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .about-divh1 {
    color: var(--header-white);
    -webkit-text-stroke-width: 0px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 12px;
    font-size: 32px;
  }

  .about-divp {
    text-align: left;
    font-size: 16px;
    overflow: visible;
  }

  .heading-42 {
    text-align: center;
    flex-flow: column;
    font-size: 2.2rem;
    line-height: 3rem;
    display: flex;
    overflow: clip;
  }

  .text-span-69 {
    color: var(--primary--accent-red);
    -webkit-text-stroke-width: 0px;
    font-weight: 700;
  }

  .text-span-70 {
    color: #0e10f000;
    -webkit-text-stroke-width: 1px;
  }

  .text-block-11 {
    margin-top: 16px;
    font-family: "Aquire Bw 0 Ox", Impact, sans-serif;
    font-weight: 100;
  }

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

  .big-number {
    margin-top: 0;
    font-size: 6rem;
    line-height: 6rem;
  }

  .div-block-39, .styleguide-div {
    flex-flow: column;
    display: flex;
  }

  .heading-43 {
    color: var(--header-white);
    text-align: left;
    padding: 10px 10px 10px 14px;
    font-size: 4rem;
    font-weight: 700;
  }

  .image-27 {
    max-width: 100%;
    padding: 14px;
  }

  .image-29 {
    padding: 14px;
  }

  .section-21 {
    max-width: 100%;
  }

  .heading-44 {
    font-size: 2.6rem;
    line-height: 5vh;
    overflow: hidden;
  }

  .findings-h1 {
    background-image: linear-gradient(90deg, #1b1b1b, var(--jlc-main-green) 55%);
    color: #85c226;
    text-align: left;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    padding: 2px 2px 2px 14px;
  }

  .findings-paragraph {
    padding: 14px;
    line-height: 32px;
  }

  .findings-wrapper {
    flex-flow: column;
    width: auto;
    display: flex;
  }

  .section-22 {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .section-23 {
    flex-flow: column;
    max-width: 100%;
    display: flex;
    overflow: hidden;
  }

  .style-guide-div {
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    max-width: none;
    display: flex;
  }

  .link-2 {
    padding-left: 14px;
  }

  .link-2._1 {
    margin-left: 0;
    padding-left: 0;
    font-size: 16px;
  }

  .link-2._2 {
    padding-left: 0;
    font-size: 16px;
  }

  .text-span-100 {
    font-size: 22px;
  }

  .div-block-43 {
    flex-flow: column;
    display: flex;
  }

  .div-block-44 {
    display: flex;
  }

  .heading-45 {
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    font-size: 3.2rem;
    line-height: 6rem;
    display: flex;
  }

  .final-design-wrapper-div {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .section-24 {
    max-width: 100%;
  }

  .heading-46 {
    text-align: left;
    padding-left: 14px;
    font-size: 3.6rem;
    line-height: 65px;
  }

  .heading-47 {
    text-align: left;
    margin-bottom: 0;
    padding-left: 14px;
    font-size: 3.6rem;
  }

  .heading-48 {
    color: var(--header-white);
    text-align: center;
    font-size: 14px;
    font-weight: 300;
  }

  .logo-image {
    height: 30px;
  }

  .about-description-logo {
    justify-content: center;
    align-items: center;
  }

  .text-span-113 {
    text-align: left;
    font-size: 18px;
  }

  .back-to-top {
    border: 0 solid #000;
  }

  .image-35 {
    border-width: 0;
  }

  .heading-49 {
    text-shadow: 3px 4px 6px #0000004f;
    font-size: 14px;
  }

  .image-37 {
    margin-bottom: 6px;
  }

  .section-25 {
    max-width: 100%;
  }

  .image-38 {
    padding: 8px;
  }

  .text-span-118, .text-span-120, .text-span-123 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
  }

  ._1 {
    margin-left: 12px;
  }

  .div-block-49 {
    padding-left: 14px;
  }

  .div-block-50, .section-26, .section-27, .section-28, .div-block-51 {
    max-width: 100%;
  }

  .text-wrapper {
    display: none;
  }

  .loop-text-outer {
    width: 100%;
    margin-bottom: 40px;
    display: block;
    overflow: hidden;
  }

  .loop-text-inner {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-51 {
    color: var(--header-white);
    text-align: center;
    white-space: nowrap;
    margin-right: 5px;
    padding-left: 4px;
    padding-right: 4px;
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 46px;
  }

  .image-39 {
    padding: 12px;
  }

  .text-span-124 {
    align-self: center;
    margin-left: 9px;
    font-family: "Neobique Vm 4 Lm", Impact, sans-serif;
    font-size: 38px;
  }

  .case-study-tablet-header {
    display: none;
  }

  .brand {
    padding-left: 0;
  }

  .text-span-129 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
  }

  .text-span-129:hover:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    -webkit-text-stroke-color: var(--accent-p);
  }

  .text-span-130 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
    font-size: 2rem;
  }

  .text-span-130:hover:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    -webkit-text-stroke-color: var(--jlc-main-green);
  }

  .text-span-131 {
    color: #fcfcfe00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fcfcfe;
  }

  .text-span-131:hover:where(.w-variant-581b2279-7994-e16d-28d9-d53536e5ead4) {
    -webkit-text-stroke-color: var(--sn-blue);
  }

  .image-40 {
    margin-bottom: 40px;
  }

  .heading-53 {
    padding-left: 14px;
  }

  .heading-54 {
    font-size: 15px;
  }

  .div-block-52 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 14px;
  }

  .bold-text {
    color: var(--grey-hd);
  }

  .paragraph-12 {
    text-align: center;
    font-size: 16px;
  }

  .paragraph-12._1 {
    text-align: center;
    letter-spacing: 0;
    margin-left: 0;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-weight: 500;
  }

  .text-span-138 {
    color: var(--primary--accent-red);
  }

  .block-quote {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fcfcfe;
    background-color: #0c0c0c29;
    font-size: 14px;
  }

  .bold-text-2, .bold-text-3 {
    color: var(--grey-hd);
  }

  .image-42 {
    margin-top: -24px;
    position: relative;
  }

  .paragraph-13 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: #fcfcfe;
    text-align: left;
    letter-spacing: 0;
    -webkit-text-stroke-width: 0px;
    text-transform: uppercase;
    text-shadow: 3px 4px 6px #000000a1;
    text-overflow: clip;
    overflow-wrap: normal;
    border: 1px solid #fa0c0000;
    align-self: flex-start;
    margin-top: 5px;
    padding: 8px 8px 8px 0;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 21px;
  }

  .text-span-143 {
    color: #fcfcfe;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .div-block-53 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 8px;
    display: grid;
  }

  .text-block-12 {
    color: var(--light-grey);
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 16px;
    font-weight: 700;
  }

  .text-span-144 {
    color: var(--light-grey);
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-weight: 700;
  }

  .text-span-145, .text-span-146 {
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .heading-55 {
    color: #fcfcfe;
    -webkit-text-stroke-width: .5px;
    align-self: flex-start;
    margin-top: -8px;
    margin-left: 0;
    font-size: 20px;
    font-weight: 400;
  }

  .text-span-148 {
    color: var(--primary--accent-red);
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 22px;
    font-weight: 700;
  }

  .text-span-150 {
    color: var(--primary--accent-red);
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 900;
  }

  .div-block-55 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 8px;
    text-decoration: none;
    display: grid;
  }

  .heading-56 {
    color: var(--header-white);
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 24px;
    text-decoration: none;
  }

  .text-span-151 {
    color: var(--header-white);
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    justify-content: center;
    align-items: center;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 18px;
    text-decoration: none;
    text-decoration-thickness: 0;
    display: flex;
  }

  .div-block-56 {
    display: flex;
  }

  .image-44 {
    align-self: flex-start;
  }

  .heading-57 {
    color: var(--light-grey);
    align-self: flex-start;
    margin-bottom: 0;
    padding-left: 2px;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 14px;
    font-weight: 100;
  }

  .heading-58 {
    color: var(--primary--accent-blue);
    text-align: left;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--header-white);
    justify-content: center;
    align-items: center;
    padding-left: 0;
    font-family: Made Outer Sans Personal Use, Impact, sans-serif;
    font-size: 46px;
    display: flex;
    overflow: hidden;
  }

  .paragraph-14 {
    color: var(--header-white);
    padding: 12px;
    font-family: Fahkwang, sans-serif;
    font-size: 18px;
    font-weight: 300;
  }

  .text-span-152 {
    text-decoration: underline;
  }

  .div-block-57 {
    overflow: hidden;
  }

  .text-span-155 {
    color: var(--header-white);
  }

  .about-button-div {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .paragraph-15.b {
    margin-bottom: 0;
    padding: 12px;
  }

  .text-span-161 {
    color: var(--light-grey);
  }

  .text-span-162 {
    color: var(--primary--accent-red);
  }

  .text-span-163 {
    font-size: 26px;
  }

  .text-span-164 {
    font-family: "Vermin Vibes 2", Impact, sans-serif;
    font-size: 26px;
  }
}

#w-node-_8b3aca98-6d8b-3de5-9909-0f365ea8f36b-731b20e8 {
  place-self: center;
}

#w-node-e4977c73-3118-b2dc-7b07-d4c60e7b984f-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-e5fe94e6-5006-bf5c-7fff-24ddc7de710d-731b20e8 {
  justify-self: auto;
}

#w-node-_7bb9e284-36a1-955b-db4b-0d97411fa9c3-731b20e8 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_81b77f95-ec1d-0bf0-f8e2-afaced626ab8-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_21b6fc89-67be-c2f0-e9c1-2e61e7429773-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_58b372a2-942e-af0c-1add-d5f1dfe1c078-731b20e8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_793eda73-86e6-2b3a-b4bd-ed0c3e177de8-731b20e8, #w-node-_8b251deb-2f88-1b0d-c21a-09617cbeee0d-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_368f8b3b-8d84-fe19-4ac3-da57aaf84c8d-731b20e8, #w-node-_66cf7461-fe38-becc-0c67-93c692c8343f-731b20e8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0823990d-cfb6-fd5b-ca0a-f77b59032642-731b20e8 {
  justify-self: center;
}

#w-node-a13c6375-e5f3-94f8-157a-c3872e73ecb6-731b20e8, #w-node-_183fa770-ded9-a0ab-fb0b-5a7e757ccc04-731b20e8, #w-node-_9fa06022-b17d-54af-31b4-1af9d94e2717-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d5fbbfef-1b70-8145-da17-09fed611a407-731b20e8 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_3bc0ff6d-a984-16a9-53e2-440db6223d49-731b20e8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_875e744d-fa7a-7acc-b273-2b38f6faa096-f6faa090 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_875e744d-fa7a-7acc-b273-2b38f6faa09b-f6faa090 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_875e744d-fa7a-7acc-b273-2b38f6faa0a3-f6faa090, #w-node-_875e744d-fa7a-7acc-b273-2b38f6faa0a4-f6faa090 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_875e744d-fa7a-7acc-b273-2b38f6faa0a5-f6faa090 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: center;
}

#w-node-f2d2543e-f24b-aeb4-9e57-72a249d4c88a-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_1f028bf1-0a82-aa11-14c0-7248ed15440a-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_963b4b17-066a-3c0c-c84f-449527777ebf-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3b070896-638c-d40e-8dc6-f57bc119092a-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_37eddb50-4ddf-cc6b-c37f-2d16b03dbd6c-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8631f9f1-e66c-968e-91a9-b6d84a77bca8-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-efcdccd4-044b-4251-725f-4e0e2359b5b8-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_11ae03a2-8d71-683e-1cd3-4d9dfaf9bd40-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a5e2552f-9816-32d5-0568-a164b98a2667-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_389e1046-b41a-13e1-23c8-70b511c7c440-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9ee8cc6e-a139-9eb9-1219-c413d709dd84-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e37797a5-38c3-aa03-50ca-475c9154d211-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b27739a6-0696-3931-bbab-16181c2657ab-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6736fd44-e27d-be60-eec2-d4fa6819541b-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-ef446982-a830-ee95-0432-b2750a94cd84-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-bb1c2542-1827-cb40-2816-2e07b74c82b7-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c56c7ffb-1f41-6684-6e0a-d866bd4ec921-90767f0e {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_00986a3c-eada-1d81-7a99-06c3a13f6e76-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_5e1b9516-2998-6bc3-20ac-42557b2ae0f2-90767f0e {
  justify-self: center;
}

#w-node-ffc0ffd4-db58-bb21-85b6-d41a85f58054-90767f0e {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_6333f1e9-a06b-740f-6e7b-a23d67d43936-90767f0e {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-daec0008-e006-6376-42ba-73423aa8a052-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_8da9a2a2-3798-7e58-d8b9-99474ecf79f1-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4e608e3a-4e56-6cf8-c048-b665ea231da3-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ddcfcd9b-14e3-debc-8dd4-2d120d06c35c-90767f0e {
  justify-self: center;
}

#w-node-dea6cd0d-c223-72b2-a6a1-3f1c5a44e959-90767f0e {
  align-self: center;
}

#w-node-_6220e25d-03d6-95fc-c2d8-ea8d7b747fc3-90767f0e, #w-node-_52ba1f2a-f751-2e8c-349f-16db629154ab-90767f0e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3c0f5483-8142-34ab-e68c-53806ff9e210-90767f0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_86119626-174e-b972-c4a5-788bc5fc382b-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1eb6-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1ec0-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698bd-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698c0-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f239713f-f579-77d9-2fec-4a6ce17a43d5-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f239713f-f579-77d9-2fec-4a6ce17a43d7-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6122286a-ba0a-b006-b1ed-5312ccec65b0-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6122286a-ba0a-b006-b1ed-5312ccec65b2-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d6365b98-a318-cd8b-9d96-8422e2adb003-80c022bf, #w-node-d6365b98-a318-cd8b-9d96-8422e2adb006-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d6365b98-a318-cd8b-9d96-8422e2adb027-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a0d-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a14-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a15-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a16-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a17-80c022bf, #w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a18-80c022bf {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a21-80c022bf {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a2a-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a2b-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7a573c29-cab5-a839-ff09-eda12fb8b614-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7a573c29-cab5-a839-ff09-eda12fb8b616-80c022bf {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_848c7819-dfad-88bc-8250-49f9f4b10c72-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_848c7819-dfad-88bc-8250-49f9f4b10c74-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a921748-80c022bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a92174a-80c022bf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_224ccf39-f34b-517c-7f41-1ab0dcc302bb-e13ac2d3, #w-node-_929ade58-c542-ed34-6a56-d470e2111e41-e13ac2d3 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-a17f410e-456d-be55-a116-6e81fa4e8015-e13ac2d3 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_86119626-174e-b972-c4a5-788bc5fc382b-379da998 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1eb6-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1ec0-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698bd-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698c0-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-fbc50e9c-e46b-8a57-b575-86e224d3d907-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f239713f-f579-77d9-2fec-4a6ce17a43d5-379da998 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-f239713f-f579-77d9-2fec-4a6ce17a43d7-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6122286a-ba0a-b006-b1ed-5312ccec65b0-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6122286a-ba0a-b006-b1ed-5312ccec65b2-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1ee2892c-1f58-3c10-afa4-45c58e071df4-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d6365b98-a318-cd8b-9d96-8422e2adb003-379da998 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_670c4c89-2a87-9f4b-0a20-bc3ff30409ca-379da998 {
  align-self: start;
}

#w-node-d6365b98-a318-cd8b-9d96-8422e2adb027-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f700fca0-ac15-78cb-e2b5-cd8a560a35d8-379da998 {
  align-self: start;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a921748-379da998 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a92174a-379da998 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_86119626-174e-b972-c4a5-788bc5fc382b-09be74be {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1eb6-09be74be {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cfb1257d-9e70-879c-dcb3-37426d5f1ec0-09be74be {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698bd-09be74be {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_160b1fe2-745a-89b8-599d-52a3407698c0-09be74be {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6c488893-2919-00fb-a3e1-ac297526627a-09be74be {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6c488893-2919-00fb-a3e1-ac297526627d-09be74be {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a25-09be74be {
  align-self: start;
}

#w-node-_77a0c3ee-8b89-b2f0-7afe-466ecdf07a2a-09be74be {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e4b8ebb4-99cc-a1ad-c43f-9d6965223392-09be74be {
  place-self: auto;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a921748-09be74be {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_929c4f95-6599-17ff-10c8-438c9a92174a-09be74be {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-de8068b7-5e1b-b04e-f5c3-b008241b9a3e-731b20e8 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Avenir Book';
  src: url('../fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Book';
  src: url('../fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Book';
  src: url('../fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Book';
  src: url('../fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mustang';
  src: url('../fonts/Black-Mustang.ttf') format('truetype'), url('../fonts/Black-Mustang.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bad Grunge';
  src: url('../fonts/BAD-GRUNGE.ttf') format('truetype'), url('../fonts/BAD-GRUNGE.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Graffiti Personal Use Only';
  src: url('../fonts/Urban-Graffiti-PERSONAL-USE-ONLY.ttf') format('truetype'), url('../fonts/Urban-Graffiti-PERSONAL-USE-ONLY.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gemstone';
  src: url('../fonts/Gemstone.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calvera Personal Use Only';
  src: url('../fonts/Calvera-Personal-Use-Only.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '28 Days Later';
  src: url('../fonts/28-Days-Later.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gamerock Personal Use Only';
  src: url('../fonts/Gamerock-Personal-Use-Only.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Broken Detroit Personal Use Only';
  src: url('../fonts/Broken-Detroit---PERSONAL-USE-ONLY.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sterion';
  src: url('../fonts/sterion.regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mars';
  src: url('../fonts/Mars.ttf') format('truetype'), url('../fonts/Mars.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mars';
  src: url('../fonts/Mars-Thin.ttf') format('truetype'), url('../fonts/Mars-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Matroska Rppg 6';
  src: url('../fonts/Matroska-RppG6.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-ExtraBold.ttf') format('truetype'), url('../fonts/Orbitron-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stalinistone';
  src: url('../fonts/StalinistOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Humane';
  src: url('../fonts/Humane-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Morena';
  src: url('../fonts/Morena-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Morena';
  src: url('../fonts/Morena-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Morena';
  src: url('../fonts/Morena-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Morena';
  src: url('../fonts/Morena.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Morena';
  src: url('../fonts/Morena-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alvaro Condensed';
  src: url('../fonts/Alvaro-Condensed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eastory Demo';
  src: url('../fonts/EASTORY-DEMO.ttf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stretchpro';
  src: url('../fonts/StretchPro.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aanothertag';
  src: url('../fonts/aAnotherTag.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graffitiyouth';
  src: url('../fonts/GraffitiYouth-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gastargraffiti';
  src: url('../fonts/GastarGraffiti-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '8 Ma 60';
  src: url('../fonts/AquireBold-8Ma60.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aquire Bw 0 Ox';
  src: url('../fonts/Aquire-BW0ox.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Yze 0 O';
  src: url('../fonts/AquireLight-YzE0o.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mars';
  src: url('../fonts/Mars-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Black-PERSONAL-USE.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Light-PERSONAL-USE.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Regular-PERSONAL-USE.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Bold-PERSONAL-USE.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Thin-PERSONAL-USE.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Thin-PERSONAL-USE.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Medium-PERSONAL-USE.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Medium-PERSONAL-USE.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Regular-PERSONAL-USE.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Black-PERSONAL-USE.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Bold-PERSONAL-USE.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Made Outer Sans Alt Personal Use';
  src: url('../fonts/MADE-Outer-Sans-Alt-Light-PERSONAL-USE.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neobique Vm 4 Lm';
  src: url('../fonts/Neobique-vm4LM.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dinamica Yqw 6 V';
  src: url('../fonts/Dinamica-YqW6v.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vermin Vibes 2';
  src: url('../fonts/Vermin-Vibes-2.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}