:root {
  --linen: #fff1e5;
  --orange-text: #da4e16;
  --white: white;
  --blue: #1d69a4;
  --gold: #ffcf3b;
  --peach-puff: #ffcdaa;
  --sienna: #b34012;
  --color: #000;
  --body: #ffe6d4;
  --orange-light: #ff8458;
  --orange-dark: #530000;
  --yellow-light: #ffcf3b;
  --yellow-dark: #381600;
  --blue-light: #75b6f0;
  --blue-dark: #00214b;
  --green-light: #afb942;
  --green-dark: #232400;
  --red-light: #ff8675;
  --red-dark: #500000;
  --teal-light: #60c0ce;
  --teal-dark: #002934;
  --accessible-components-dark-grey: #9b9b9b;
}

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  background-color: var(--linen);
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 107px;
  overflow: hidden;
}

h2 {
  color: var(--orange-text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 85px;
}

h3 {
  color: var(--orange-text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 64px;
  overflow: hidden;
}

h4 {
  color: var(--orange-text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  overflow: hidden;
}

h5 {
  color: var(--orange-text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

h6 {
  color: var(--orange-text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: degular, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--orange-text);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  font-size: 1.13em;
}

.body1.white {
  color: var(--white);
  display: none;
}

.body1.white.about {
  padding-top: 20px;
}

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

.body2 {
  z-index: 10;
  font-size: 1.13em;
  position: relative;
}

.body2.white {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #00000080;
  border-radius: 8px;
  padding: 9px;
}

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

.body2.blue {
  color: var(--blue);
}

.body2.inverse {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  padding: 9px;
}

.body3 {
  font-size: 2em;
  display: flex;
}

.body3.white {
  color: var(--white);
}

.body4 {
  font-size: 4em;
  font-weight: 400;
}

.body4.white {
  color: var(--white);
}

.display {
  z-index: 50;
  color: var(--orange-text);
  text-align: left;
  font-family: monarcha, sans-serif;
  font-size: 9.38em;
  font-weight: 700;
}

.display.white {
  color: var(--linen);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
}

.div-block {
  background-color: var(--orange-text);
  padding-top: 20px;
  padding-bottom: 20px;
}

.h1.white {
  color: var(--white);
  margin-bottom: 16px;
  line-height: 1.6;
}

.h2.white {
  color: var(--white);
}

.h3 {
  line-height: 1.4;
}

.h3.white {
  z-index: 10;
  color: var(--white);
  position: relative;
}

.h3.white.card {
  text-shadow: 0 1px 6px #00000070;
}

.h3.blue {
  color: var(--blue);
}

.h4.white {
  color: var(--white);
}

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

.h5.white {
  color: var(--white);
}

.h6 {
  line-height: 1.6;
  overflow: hidden;
}

.h6.white {
  color: var(--white);
}

.div-block-3 {
  background-color: var(--orange-text);
}

.div-block-4 {
  background-color: var(--blue);
}

.div-block-5 {
  background-color: var(--gold);
}

.style-guide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-6 {
  background-color: var(--peach-puff);
}

.header-text {
  width: 100%;
  max-width: 1200px;
  padding: 4em 20px;
}

.white-line {
  background-color: var(--orange-text);
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.page-header {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subsection {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.image-single {
  width: 100%;
}

.image-multi {
  background-color: #000;
  margin-bottom: 8px;
}

.image-multi._2d {
  background-image: linear-gradient(#000, #000);
}

.image-multi.content {
  width: 100%;
  padding: 48px;
}

.section-left, .section-right {
  grid-template-rows: auto;
  width: 100%;
  min-height: 31.25em;
  margin-left: auto;
  margin-right: auto;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  width: 100%;
  min-height: 31.25em;
}

.section-center {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section-above {
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.design-link {
  z-index: 25;
  border-bottom: 2px solid var(--orange-text);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hover-bump {
  z-index: 1;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 100%;
  height: 40px;
  display: none;
  position: absolute;
  inset: auto 0% -2%;
}

.navbar {
  z-index: 70;
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4rem;
}

.navbar.bg {
  background-color: #fff1e5cc;
  border-radius: 30px;
  width: 80%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.design-hero {
  z-index: 1;
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.project-link {
  z-index: 35;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.cursor-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
  position: absolute;
  inset: auto 19% 22% auto;
}

.html-embed {
  display: none;
}

.tool-container {
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.tool {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
}

.tool-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.tools {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.photo-img {
  z-index: 10;
  border-radius: 10px;
  width: 200px;
  height: 300px;
  position: absolute;
  top: 10%;
  left: 10%;
  overflow: hidden;
}

.design {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  display: block;
  position: relative;
}

.button {
  background-color: var(--orange-text);
  cursor: pointer;
  border-radius: 8em;
  flex: none;
  align-self: center;
  padding: .5rem .75rem;
  font-size: 16px;
  line-height: 1.6;
  transition: color .2s, background-color .2s;
}

.button:hover {
  background-color: #cf4a15;
}

.button:active {
  background-color: var(--sienna);
}

.button:focus {
  border: 2px solid #000;
}

.button.primary {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.button.primary:hover {
  background-color: var(--peach-puff);
  outline-color: var(--orange-text);
  outline-offset: -2px;
  color: var(--color);
  outline-width: 2px;
  outline-style: solid;
  text-decoration: none;
}

.button.secondary {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  outline-color: var(--orange-text);
  outline-offset: -2px;
  color: var(--color);
  cursor: pointer;
  background-color: #fff1e599;
  outline-width: 2px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  transition: color .2s, background-color .2s;
  display: flex;
}

.button.secondary:hover {
  background-color: var(--orange-text);
  color: var(--white);
  text-decoration: none;
}

.footer-2 {
  z-index: 200;
  grid-column-gap: 16px;
  grid-row-gap: 4em;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-links {
  align-items: center;
  display: flex;
}

.link {
  padding-right: 20px;
  font-size: 1.13em;
}

.design-animation {
  z-index: 20;
  justify-content: center;
  align-items: flex-end;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.designletter {
  margin-right: 4px;
}

.designletter.d {
  height: 8.19em;
  padding-right: 0;
}

.designletter.e, .designletter.s {
  height: 6.19em;
}

.designletter.i {
  height: 9em;
}

.designletter.g {
  height: 9.06em;
  margin-bottom: -2.9em;
}

.designletter.n {
  height: 6.06em;
}

.photo-letter {
  z-index: 1;
  position: relative;
}

.about-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.about-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 20px;
  display: grid;
}

.img-about {
  background-color: var(--body);
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.about-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.field-label {
  font-size: 1.13em;
}

.success-message {
  background-color: var(--orange-text);
  color: var(--white);
  font-size: 1.13em;
}

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

.error-message {
  background-color: #ff6868;
}

.contact-form {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.resume-section {
  margin-top: 0;
  margin-bottom: 40px;
}

.resume-title {
  justify-content: space-between;
  display: flex;
}

.resume-link {
  text-decoration: underline;
}

.image-5 {
  width: 100%;
}

.photo-project {
  border-radius: 1.1em;
  overflow: hidden;
}

.photo-label {
  background-color: var(--orange-text);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .6em 1.3em .6em .6em;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.link-block-2 {
  z-index: 4;
  width: 100%;
  height: 100%;
}

.article {
  border-radius: 12px;
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden;
}

.article-title {
  z-index: 8;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ba3500cc;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  inset: auto 8px 8px;
}

.link-block-3 {
  z-index: 20;
  position: absolute;
  inset: 0%;
}

.article-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.block-container {
  flex-flow: column wrap;
  justify-content: space-around;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 20px;
}

.block-container.about1 {
  display: none;
}

.block-container.flex {
  grid-row-gap: 4em;
  align-items: center;
  padding: 0;
  display: flex;
}

.articles {
  grid-row-gap: 24px;
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.img-clip {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.double-image {
  grid-column-gap: 1em;
  background-color: #000;
  grid-template-rows: auto;
  width: 100%;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em;
  padding-bottom: 3em;
}

.double-image.trans {
  background-color: #0000;
}

._2d-bg-video {
  z-index: 5;
  border-radius: 50%;
  width: 50em;
  height: 50em;
  margin-left: auto;
  margin-right: auto;
}

._2d-video-container {
  padding: 48px;
}

.list-image {
  width: 25em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em;
}

.text-list-item {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5em;
  display: flex;
}

.hack10-loading-wrapper {
  z-index: 100;
  background-color: var(--linen);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation {
  width: 8em;
  height: 8em;
}

.mm-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-8 {
  margin: auto;
}

.image-9 {
  object-fit: fill;
}

.image-light {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.photo-gallery {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  display: grid;
}

.photo-grid-code {
  display: none;
}

.design-grid {
  z-index: 10;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
  position: relative;
}

.grid-card {
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 40em;
  padding: 2em;
  transition: border-radius .2s, box-shadow .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-card:hover {
  border-radius: 1em;
  box-shadow: 1px 1px 4px #0000003d;
}

.grid-card.wide {
  width: 100%;
}

.grid-card.tall {
  width: 100%;
  height: 50em;
}

.grid-card.hide {
  display: none;
}

.card-link {
  z-index: 20;
  position: absolute;
  inset: 0%;
}

.design-img {
  z-index: 1;
  object-fit: cover;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.design-img.light {
  background-color: #c9c9c9;
}

.container-flex {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-links-2 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-social {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.footer-img {
  width: 25px;
}

.nav-link-2 {
  color: #c44310;
  border-radius: 20px;
  margin-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.13em;
}

.nav-link-2:hover {
  text-decoration: underline;
}

.nav-link-2:active {
  color: #b34012;
  text-decoration: underline;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  border: 2px solid #da4e16;
  border-radius: 8px;
}

.nav-link-2.w--current {
  color: #da4e16;
  text-decoration: underline;
}

.feature-card {
  background-color: #000;
  border-radius: 30px;
  justify-content: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.background-video {
  width: 100%;
  height: 60em;
}

.form-block {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.html-embed-2 {
  width: 100%;
}

.nav-container-2 {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 20px;
  display: flex;
}

.brand-2 {
  width: 50px;
  display: block;
}

.logo {
  width: 32px;
}

.flower-div {
  background-color: var(--blue);
  border-radius: 2em;
  display: none;
  position: relative;
  overflow: hidden;
}

.flower {
  width: 15em;
  position: absolute;
  top: -28px;
  left: 37px;
  transform: rotate(30deg);
}

.flower._2 {
  top: 280px;
  left: -26px;
  transform: rotate(109deg);
}

.flower._3 {
  top: 176px;
  left: 189px;
  transform: rotate(75deg);
}

.blades {
  width: 50%;
}

.circles-div {
  background-color: var(--peach-puff);
  border-radius: 2em;
  justify-content: center;
  align-items: flex-end;
  padding: 47px;
  display: none;
  position: relative;
  overflow: hidden;
}

.circle {
  background-color: var(--blue);
  border-radius: 10em;
  width: 20em;
  height: 20em;
  position: absolute;
  top: -14%;
  left: -21%;
  right: auto;
}

.circle._2 {
  background-color: var(--orange-text);
  border-radius: 15em;
  width: 30em;
  height: 30em;
  display: block;
  inset: auto -20% -19% auto;
}

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

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

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

.code-block {
  border: 2px solid var(--peach-puff);
  background-color: var(--body);
  border-radius: 10px;
  max-height: 416.667px;
  padding: 23px;
  overflow: auto;
}

.hover-div {
  z-index: 4;
  background-color: #000000de;
  padding: 8px;
  display: block;
  position: absolute;
  inset: 0%;
}

.container-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spline {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.home-component {
  z-index: 5;
  width: 100%;
  min-height: 1000px;
  padding-top: 16px;
  position: relative;
  overflow: hidden;
}

.letter-keys {
  z-index: 10;
  background-color: #fff1e5cc;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.letter-keys.instructions {
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.keys-img {
  width: 18px;
}

.arrow-keys {
  background-color: #fff1e5cc;
  border-radius: 30px;
  flex-flow: column;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.arro-key-sides {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.image-13 {
  width: 60px;
  margin-left: 6px;
}

.divider {
  background-image: linear-gradient(90deg, #da4e1600, var(--orange-text) 52%, #da4e1600);
  width: 100%;
  max-width: 1200px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.hero-heading {
  z-index: 10;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-9 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.home-link {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--peach-puff);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #c34411;
  vertical-align: sub;
  background-color: #fff1e566;
  border-radius: 200px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .75rem;
  transition: border-color .2s, background-color .2s;
  display: inline-flex;
  position: relative;
}

.home-link:hover {
  border-color: var(--orange-text);
  background-color: var(--peach-puff);
  text-decoration: none;
}

.home-link-img {
  width: 25px;
}

.project-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.project-header__img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
}

.project-header__description {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
  position: relative;
}

.project-header__meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.meta-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--body);
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 16px;
  display: flex;
}

.body-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

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

.title {
  color: var(--orange-text);
  font-weight: 500;
}

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

.section-vert-64 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 1rem;
  display: flex;
  position: relative;
}

.section-vert-64.none {
  display: none;
}

.project-image__wrapper {
  z-index: 3;
  position: relative;
}

.chip {
  background-color: var(--orange-light);
  color: var(--orange-dark);
  border-radius: 20px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.chip:where(.w-variant-63ce1fa1-8637-0e31-c92f-feb15694786f) {
  background-color: var(--yellow-light);
  color: var(--yellow-dark);
}

.chip:where(.w-variant-a303d6d7-fd46-c2a5-cfef-ebb1a73cd7b1) {
  background-color: var(--blue-light);
  color: var(--blue-dark);
}

.chip:where(.w-variant-304ba04a-2554-8253-a7bc-40489c6740f2) {
  background-color: var(--green-light);
  color: var(--green-dark);
}

.chip:where(.w-variant-0576931d-e4dc-b4d1-1fce-e69be3b1b87a) {
  background-color: var(--red-light);
  color: var(--red-dark);
}

.chip:where(.w-variant-ad30f036-ed40-2dad-f771-80d20e3c3951) {
  background-color: var(--teal-light);
  color: var(--teal-dark);
}

.project-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center start;
  display: grid;
}

.project-section.about {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff1e5d9;
  border-radius: 24px;
  padding: 85px 20px;
  position: sticky;
  top: 5rem;
}

.chip-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.body-1 {
  font-weight: 500;
  line-height: 17px;
}

.body-1.inverse {
  color: var(--white);
  line-height: 21px;
}

.project-section__description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-section-vertical {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.project-section-vertical.right {
  justify-content: flex-start;
  align-items: flex-end;
}

.project-section__description--vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 900px;
  display: flex;
}

.project-section__img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 24px;
  flex: auto;
  width: 100%;
}

.project-img-wrapper {
  max-width: 1200px;
}

.other-projects__header {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: baseline stretch;
  width: 100%;
  display: grid;
}

.other-project {
  cursor: pointer;
}

.other-project:hover {
  text-decoration: none;
}

.other-project-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  transition: border-radius .2s ease-out, box-shadow .2s ease-out, transform .2s ease-out;
}

.other-project-img:hover {
  box-shadow: 0 8px 18px 2px var(--peach-puff);
  border-radius: 12px;
  transform: translate(0, -16px);
}

.dark {
  color: var(--color);
  overflow: hidden;
}

.other-projects-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.section-inner {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-animation {
  z-index: 0;
  width: 100%;
  height: 120%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 80svh;
  min-height: 400px;
  max-height: 700px;
  padding: 16px;
  display: flex;
  position: relative;
}

.gradient-fade-hero {
  background-image: linear-gradient(#e5ffea00, #fff0e5 80%);
  width: 100%;
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.header-link {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.other-projects__title-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-block {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.about-thumbnail {
  background-color: var(--peach-puff);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 4px;
  display: flex;
}

.about-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 20px;
  display: flex;
  position: relative;
}

.home-link-container {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 17px;
  display: flex;
}

.about-fun-image {
  z-index: 0;
  border-radius: 12px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 11% 0% auto auto;
}

.about-fun-image.landscape {
  width: 400px;
  transition: transform .2s;
  transform: rotate(-9deg);
}

.about-fun-image.landscape:hover {
  transform: rotate(4deg);
}

.about-fun-image.portrait {
  transition: transform .2s;
  transform: rotate(15deg);
}

.about-fun-image.portrait:hover {
  transform: rotate(-9deg);
}

.project-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.video-container {
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  width: 100%;
  overflow: hidden;
}

.background-video-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-analytics {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.about-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.about-link {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
}

.about-link:hover {
  background-color: var(--peach-puff);
  border-radius: 8px;
}

.link-img {
  height: 24px;
}

.heading-3, .heading-4 {
  overflow: hidden;
}

.value-img {
  margin-left: auto;
  margin-right: auto;
}

.cover-shadow {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #ffcdaa 5%, var(--peach-puff) 53%, #ffcdaa00);
  filter: blur(20px);
  border-radius: 20%;
  width: 105%;
  height: 105%;
  display: none;
  position: absolute;
  inset: 0%;
  transform: translate(-2%, -8%);
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.sticky-scroller {
  grid-column-gap: 6vh;
  grid-row-gap: 6vh;
  flex-flow: column;
  display: flex;
  position: relative;
}

.h3-fixed {
  position: sticky;
  top: 0;
}

.porject-next {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.project-stepper-wrapper {
  position: relative;
}

.project-prev-img-wrapper {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  width: 200px;
  position: absolute;
  inset: auto 0% 106%;
  overflow: hidden;
}

.project-next-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-spacer {
  width: 100%;
  height: 100%;
}

.container-center {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.code-embed {
  width: 100vw;
  height: 80vh;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.code-embed.testimonial {
  z-index: 1;
  width: 95vw;
  height: 90vh;
  inset: 14% auto 0% 50%;
  transform: translate(-50%);
}

.div-block-10 {
  width: 100%;
}

.testimonial-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  padding-bottom: 0;
  display: grid;
}

.testimonial-card {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  border: 1px solid var(--orange-text);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff1e5cc;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 32px 31px;
  display: flex;
  position: relative;
}

.radial {
  z-index: 2;
  background-image: radial-gradient(circle closest-side at 50% 50%, #ffe6d400 85%, var(--linen));
  width: 99vw;
  height: 90vh;
  position: absolute;
  inset: 17% auto auto 50%;
  transform: translate(-50%);
}

.heading-5, .heading-6 {
  overflow: hidden;
}

.body-3 {
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .body1 {
    font-size: 14px;
  }

  .body2 {
    font-size: 16px;
  }

  .body3 {
    font-size: 18px;
  }

  .body4 {
    font-size: 20px;
  }

  .h1 {
    font-size: 48px;
  }

  .h2 {
    font-size: 36px;
  }

  .h3 {
    font-size: 32px;
  }

  .h4 {
    font-size: 24px;
  }

  .h5 {
    font-size: 18px;
  }

  .grid {
    grid-template-columns: 1fr 1.75fr;
  }

  .section-center {
    padding-top: 0;
  }

  .hover-bump {
    display: none;
  }

  .navbar.bg {
    width: 80%;
  }

  .project-link {
    display: none;
  }

  .link {
    font-size: 16px;
  }

  .design-grid {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto;
    display: flex;
  }

  .nav-link-2 {
    margin-right: 0;
    font-size: 16px;
  }

  .nav-container-2 {
    z-index: 100;
    position: relative;
  }

  .menu-button-2 {
    background-color: #0000;
    padding: 9px;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .icon {
    color: #da4e16;
  }

  .nav-menu-2 {
    z-index: 200;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #fff1e5cc;
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    padding: 10px;
    display: flex;
    position: absolute;
  }

  .flower-div, .circles-div, .letter-keys, .arrow-keys {
    display: none;
  }

  .section-vert-64 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

  .project-section.about {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-section__description--vertical {
    max-width: none;
  }

  .other-projects__header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .about-fun-image.landscape {
    width: 250px;
  }

  .about-fun-image.portrait {
    width: 200px;
  }

  .flex-vertical {
    width: 100%;
  }

  .testimonial-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .radial {
    background-image: radial-gradient(circle closest-side at 50% 50%, #ffe6d400 92%, var(--linen));
  }
}

@media screen and (max-width: 767px) {
  h3 {
    line-height: 50px;
  }

  .h1 {
    font-size: 40px;
    font-weight: 700;
  }

  .section-left {
    grid-row-gap: 0px;
    flex-direction: column;
    display: flex;
  }

  .section-right {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .button {
    font-size: 14px;
  }

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

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

  .img-clip {
    width: 200px;
    height: 200px;
  }

  .list-image {
    padding-bottom: 0;
  }

  .image-light, .image-light.horiz {
    width: auto;
  }

  .photo-gallery {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .heading {
    font-size: 72px;
    line-height: 1.2;
  }

  .project-header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .project-header__img {
    border-radius: 12px;
  }

  .project-header__description {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .project-section.about {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .project-section__img {
    border-radius: 12px;
  }

  .other-project {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .other-project-img {
    border-radius: 12px;
  }

  .other-projects-grid {
    grid-template-columns: 1fr;
  }

  .about-fun-image.landscape {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 85%;
  }

  .about-fun-image.portrait {
    position: static;
  }

  .video-container {
    border-radius: 12px;
  }

  .heading-3 {
    font-size: 40px;
    line-height: 44px;
  }

  .heading-4 {
    font-size: 54px;
    line-height: 1.2;
  }

  .value-img {
    width: 200px;
  }

  .sticky-scroller {
    grid-column-gap: 14vh;
    grid-row-gap: 14vh;
  }

  .testimonial-card {
    padding: 16px;
  }
}

@media screen and (max-width: 479px) {
  .body4.center {
    text-align: center;
  }

  .display {
    text-align: center;
    font-size: 11.9em;
  }

  .display.white {
    font-size: 50px;
  }

  .header-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-right {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .tools {
    grid-row-gap: 20px;
    justify-content: space-around;
  }

  .button.secondary {
    justify-content: center;
    align-items: center;
    min-width: 140px;
  }

  .design-animation {
    padding-bottom: 18px;
  }

  .resume-title {
    flex-direction: column;
  }

  .double-image, .double-image.trans {
    flex-direction: column;
    display: flex;
  }

  .list-image {
    width: 35em;
  }

  .design-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-card {
    border-radius: 8px;
    min-height: 60em;
  }

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

  .utility-page-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .project-header__meta {
    flex-flow: column;
  }

  .body-2.center {
    font-size: 16px;
    line-height: 22px;
  }

  .section-vert-64 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .about-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .project-links {
    justify-content: center;
    align-items: flex-start;
  }

  .flex-vertical {
    flex-flow: column;
  }

  .heading-2 {
    font-size: 72px;
    line-height: 70px;
  }

  .porject-next {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }
}

#w-node-_0ca24859-04f6-4ae9-8e98-89a702aa3835-0d6abf3d, #w-node-af6f5d13-d3f5-5f97-a6e8-e11a1d6707e2-0d6abf3d, #w-node-f19b34dc-9fb9-e9ff-79f7-c3182e55e33e-2e38bcf4, #w-node-_6973d057-5a25-9f79-a491-a881318f3248-2e38bcf4, #w-node-b2a2056a-fcb2-379c-5094-298b20b08cb4-20b08cb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e852410-574f-2498-a149-a11c705f1e97-705f1e96 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ded5d078-5b57-da13-2664-83ea5f2a21a6-5f2a21a4, #w-node-_7bee7d6f-88e0-a3b1-6cb0-e3831076d2af-1076d2ad, #w-node-_11f72420-3bd3-2fbc-2e8a-9f02156de68c-156de68a, #w-node-_61dd4c35-b585-b408-e008-bf559e1f189b-9e1f189a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba82d977-d84c-0cea-3762-5ee074595a18-74595a17 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4974097a-4f23-d7bf-0abd-c1010b3275c8-0b3275c6, #w-node-ceef5ca8-dbce-36bd-458d-e4890bdbe1ba-2116be98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca858ffe-4c73-95bf-e7c6-46066775f2ac-2116be98 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_5963f096-6e93-aa04-29d6-a01ad274d379-2116be98 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4fa54220-8042-983b-5f1e-d4fffbc07d81-2116be98 {
  order: 9999;
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_35a863cf-356b-5fe2-e3e7-0c9cff91a0ab-2116be98 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_40a454b0-b05e-7d5a-edf3-7a2836c1b049-58c704a4 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_11ba215b-b336-acd1-545d-9ab1369b8d7c-58c704a4, #w-node-_4fdf14c9-ff43-4058-385a-c8c48f969402-58c704a4, #w-node-cd54efd4-f364-8b96-f53c-02b63f766c4c-58c704a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f37c3472-9a5c-7c7e-3fa4-736178fb99d0-58c704a4 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-f37c3472-9a5c-7c7e-3fa4-736178fb99d1-58c704a4, #w-node-f37c3472-9a5c-7c7e-3fa4-736178fb99d2-58c704a4, #w-node-_20b6955a-bc31-fe23-0952-610a25a2bfe2-58c704a4, #w-node-b77f4ef1-76fb-8829-3e65-3ff603e05d5d-58c704a4, #w-node-ba1a8c10-553e-0d43-22e7-45e0318801df-58c704a4, #w-node-_91668d4f-6980-e7c0-cf49-a47c675a1d26-675a1d25, #w-node-_91668d4f-6980-e7c0-cf49-a47c675a1d27-675a1d25, #w-node-_15c90c75-27c0-48dc-83f8-93cbde270315-3fe2fe7a, #w-node-eb654984-be43-e812-cf85-ad9f44c9be85-3fe2fe7a, #w-node-_8ff59365-c988-ddd0-3d98-7e6193017c5f-3fe2fe7a, #w-node-eae9aa5c-5648-eae3-2dfd-f259ec6d8844-3fe2fe7a, #w-node-bbd37549-61e5-39ef-76ea-fe7c0d401382-3fe2fe7a, #w-node-_5912f491-d881-7bb2-d714-9c6400861ed6-3fe2fe7a, #w-node-d6f4bc8e-53b8-154d-ee0e-cd7260cd492d-3fe2fe7a, #w-node-b860a200-d633-0fbf-b398-f8122c9b0d5a-3fe2fe7a, #w-node-e1768690-8d33-7bc8-b43b-c3538e80fe37-3fe2fe7a, #w-node-_99259a76-1917-ae16-cd58-cfaa20e50cb8-3fe2fe7a, #w-node-e55cf7ea-fbfd-0542-c78f-e99e888f34ad-3fe2fe7a, #w-node-_3c13dda2-a526-2dae-f7b4-53e5a9a87d76-3fe2fe7a, #w-node-_5f7e095d-89f0-8782-4b65-7d1757dd3802-3fe2fe7a, #w-node-_3d37f313-00e7-a8c7-72d2-c5426dc62574-3fe2fe7a, #w-node-_9af5cddc-74c0-af70-4861-677e22333d63-3fe2fe7a, #w-node-_53f50a3b-82ff-9e74-6c5d-20093603349d-3fe2fe7a, #w-node-_9433da2c-4b9f-d46a-890e-076d497c63a9-3fe2fe7a, #w-node-_62d832ad-d814-afcb-a5c3-81b8e423dfee-fd8d1bd3, #w-node-_62d832ad-d814-afcb-a5c3-81b8e423dfef-fd8d1bd3, #w-node-_62aad0fd-af0e-2748-c0b1-1a343e795f46-36a2eac8, #w-node-_805bbd03-4764-44f9-f0d5-8d1a58a52986-36a2eac8, #w-node-c9dd9cb6-3953-1362-df4d-f364add04153-36a2eac8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d93a-61cea58d {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d941-61cea58d {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d949-61cea58d {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d950-61cea58d {
  grid-area: 1 / 4 / 2 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d957-61cea58d {
  grid-area: 3 / 3 / 4 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d95e-61cea58d {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d966-61cea58d {
  grid-area: 5 / 1 / 6 / 4;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d96d-61cea58d {
  grid-area: 6 / 1 / 7 / 3;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d974-61cea58d {
  grid-area: 4 / 1 / 5 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d97b-61cea58d {
  grid-area: 6 / 3 / 7 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d982-61cea58d {
  grid-area: 5 / 4 / 6 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d989-61cea58d {
  grid-area: 3 / 4 / 5 / 5;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d98d-61cea58d {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-ec849e2b-cf0a-b057-e966-b1c79d29d98f-61cea58d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d93a-61cea58d {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d941-61cea58d {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d950-61cea58d {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d957-61cea58d {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d95e-61cea58d {
    grid-area: 3 / 1 / 5 / 4;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d966-61cea58d {
    grid-area: 5 / 3 / 6 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d96d-61cea58d {
    grid-area: 5 / 1 / 8 / 3;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d974-61cea58d {
    grid-area: 3 / 4 / 5 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d97b-61cea58d {
    grid-area: 8 / 1 / 9 / 6;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d982-61cea58d {
    grid-area: 6 / 3 / 8 / 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0e852410-574f-2498-a149-a11c705f1e97-705f1e96, #w-node-ba82d977-d84c-0cea-3762-5ee074595a18-74595a17 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_35a863cf-356b-5fe2-e3e7-0c9cff91a0ab-2116be98 {
    grid-column: 1 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d93a-61cea58d, #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d941-61cea58d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d949-61cea58d {
    grid-column-end: 2;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d950-61cea58d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d957-61cea58d {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d95e-61cea58d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d966-61cea58d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d96d-61cea58d, #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d974-61cea58d, #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d97b-61cea58d, #w-node-ec849e2b-cf0a-b057-e966-b1c79d29d982-61cea58d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}