:root {
  --black: black;
  --default: "Typekiln Segment", sans-serif;
  --typography--h1-size: 56px;
  --typography--h1-lineheight: 68px;
  --color--tintedcream: #fefaf5;
  --typography--h2-size: 48px;
  --typography--h2-lineheight: 58px;
  --accent: "Space Mono", sans-serif;
  --typography--h3-size: 36px;
  --typography--h3-lineheight: 53px;
  --typography--h4-size: 32px;
  --typography--h4-lineheight: 39px;
  --typography--body-size: 18px;
  --typography--body-lineheight: 22px;
  --color--bloo: #0200ca;
  --color--notblack: #202020;
  --color--notblack-80: rgba(32, 32, 32, 0.8);
  --white: white;
  --color--hotstuff: #ff5626;
  --color--goodfortheeyes: #f9c20a;
  --color--goop: #00a551;
  --color--black: black;
}

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

h1 {
  font-family: var(--default);
  font-size: var(--typography--h1-size);
  line-height: var(--typography--h1-lineheight);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 800;
}

h2 {
  font-family: var(--default);
  color: var(--color--tintedcream);
  font-size: var(--typography--h2-size);
  line-height: var(--typography--h2-lineheight);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

h3 {
  font-family: var(--accent);
  font-size: var(--typography--h3-size);
  line-height: var(--typography--h3-lineheight);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

h4 {
  font-family: var(--default);
  color: var(--color--tintedcream);
  font-size: var(--typography--h4-size);
  line-height: var(--typography--h4-lineheight);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

p {
  font-family: var(--default);
  font-size: var(--typography--body-size);
  line-height: var(--typography--body-lineheight);
  margin-bottom: 10px;
  font-weight: 500;
}

img {
  max-width: 100%;
  border-radius: 10px;
  display: inline-block;
}

.heading {
  font-family: var(--default);
  font-size: var(--typography--h1-size);
  line-height: var(--typography--h1-lineheight);
  font-weight: 800;
}

.h1 {
  color: var(--color--bloo);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 40px;
}

.h2 {
  font-family: var(--default);
  color: var(--color--notblack);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.h2.takeaway {
  color: var(--color--tintedcream);
}

.h3 {
  font-family: var(--default);
  color: var(--color--notblack);
  font-size: var(--typography--h4-size);
  line-height: var(--typography--h4-lineheight);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.details-text {
  font-family: var(--default);
  color: var(--color--notblack-80);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.details-text.bold {
  font-weight: 700;
}

.details-text.italic {
  font-style: italic;
  font-weight: 500;
}

.details-text.takeaway {
  color: rgba(254, 250, 245, 0.8);
}

.paragraph {
  color: var(--color--notblack);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.body-sub-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  margin: auto;
  padding: 0 3vw;
  display: flex;
}

.body-sub-wrapper.about {
  height: 100vh;
}

.sidebar {
  z-index: 1;
  max-width: 20vw;
  min-width: auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--black);
  flex-direction: column;
  order: -1;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 3vw;
  right: auto;
}

.logo-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.nav-bar-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.main-content-group {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: flex-start;
  margin-top: 2vh;
  margin-bottom: 2vh;
  margin-left: 23vw;
  padding-top: 0;
  padding-bottom: 2vh;
  display: flex;
}

.main-content-group.about {
  align-self: center;
}

.logo {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.nav-block {
  background-color: var(--white);
  border-radius: 15px;
  flex-direction: column;
  padding: 5px 10px;
  display: flex;
}

.nav-block.red {
  background-color: var(--color--hotstuff);
  padding: 7.5px 10px;
}

.nav-block.yellow {
  background-color: var(--color--goodfortheeyes);
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.nav-block.green {
  background-color: var(--color--goop);
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.nav-block.blue {
  background-color: var(--color--bloo);
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.nav-block.white {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.h4 {
  color: var(--color--notblack);
  object-fit: fill;
  order: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 24px;
  overflow: visible;
}

.h4.title {
  color: var(--color--bloo);
  font-size: 32px;
  line-height: 36px;
}

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

.h4.menu {
  font-size: 22px;
  line-height: 24px;
  display: block;
}

.text-block {
  font-family: var(--default);
  color: var(--color--tintedcream);
  font-weight: 500;
}

.caption {
  font-family: var(--default);
  color: var(--color--notblack-80);
  font-weight: 500;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.nav-link {
  color: var(--color--notblack);
  text-decoration: none;
}

.nav-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 22px;
}

.nav-text:hover,
.nav-text:focus {
  font-weight: 700;
}

.nav-text.white {
  color: var(--color--tintedcream);
}

.nav-text.main {
  font-size: 18px;
  line-height: 22px;
}

.nav-text.main:hover,
.nav-text.main:focus {
  font-weight: 400;
}

.nav-text.research {
  display: none;
}

.content-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-radius: 15px;
  flex-flow: column wrap;
  justify-content: space-between;
  padding: 30px;
  display: flex;
}

.content-block.about {
  flex: 0 auto;
  justify-content: flex-start;
}

.content-block.gallery {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-image-wrapper {
  border-radius: 10px;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  display: flex;
}

.homepage-image {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 10px;
  flex: 1;
  overflow: auto;
}

.homepage-image.portrait {
  aspect-ratio: 2 / 3;
}

.homepage-image.square {
  aspect-ratio: 1 / 1;
  border-radius: 10px;
}

.homepage-image.auto {
  aspect-ratio: auto;
  border-radius: 10px;
  flex: 1;
}

.sandbox-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.homepage-content-text {
  grid-row-gap: 5px;
  flex-direction: column;
  order: 1;
  display: flex;
}

.homepage-description {
  color: var(--color--notblack);
  order: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.sandbox-grid-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: block;
}

.sandbox-grid-block.research {
  display: none;
}

.body-wrapper {
  position: relative;
}

.body-wrapper.about {
  height: 100vh;
}

.logo-set {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.button {
  display: none;
}

/* .home-button {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  display: flex;
} */

.home-button {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  position: relative;
  display: flex;
}

.home-button.w--current {
  flex-direction: column;
  flex: 0 auto;
  align-items: stretch;
  position: relative;
}

.image-overlay {
  z-index: 1;
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-overlay:hover {
  z-index: 1;
  background-color: rgba(32, 32, 32, 0.3);
}

.image-overlay:focus {
  background-color: rgba(32, 32, 32, 0.3);
}

.content-details-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

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

.details-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.detail-paragraph {
  color: var(--color--notblack);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.next-project {
  background-color: var(--color--goodfortheeyes);
}

.next-project:hover,
.next-project:focus {
  background-color: var(--color--goop);
  color: var(--color--tintedcream);
}

.column-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.content-columns {
  display: flex;
}

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

.picture-grid.three {
  overflow: hidden;
}

.picture-grid.two {
  object-fit: fill;
  flex: 0 auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  padding-bottom: 0;
  overflow: hidden;
}

.picture-grid.two.portrait {
  aspect-ratio: auto;
  align-content: center;
  overflow: visible;
}

.work-image-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.work-image {
  border-radius: 10px;
  flex: 1;
}

.work-image.wide {
  aspect-ratio: 2.39 / 1;
  object-fit: cover;
}

.work-image.square {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.work-image.portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.work-image.presentation {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.work-image.landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.work-image.auto {
  aspect-ratio: auto;
  object-fit: cover;
}

.takeaway-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--color--bloo);
  border-radius: 10px;
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.column-3,
.column-1 {
  padding-top: 10px;
}

.column-1.intro {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 1;
  align-self: flex-start;
  padding-top: 0;
  display: flex;
}

.column-1.body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-self: auto;
  padding-top: 0;
  display: flex;
}

.list {
  font-family: Typekiln Segment, sans-serif;
  font-size: var(--typography--body-size);
  line-height: var(--typography--body-lineheight);
  font-weight: 500;
  list-style-type: decimal;
}

.next-project-link {
  color: var(--color--notblack);
  text-decoration: none;
}

.heading-3 {
  color: var(--color--notblack);
  margin-top: 0;
  margin-bottom: 0;
}

.homepage-link {
  border-radius: 10px;
  text-decoration: none;
  position: relative;
}

.homepage-link:hover,
.homepage-link:focus {
  text-decoration: underline;
}

.lightbox-image {
  max-width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
}

.lightbox-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-around;
  display: flex;
}

.paragraph-2 {
  color: #202020;
  order: 0;
  margin-bottom: 0;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .body-sub-wrapper {
    flex-direction: column;
    padding: 20px;
    position: relative;
  }

  .body-sub-wrapper.about {
    height: auto;
  }

  .sidebar {
    z-index: 1;
    height: 12vh;
    max-width: 100vw;
    min-width: 0;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: row;
    order: 0;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 20px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .logo-wrapper {
    aspect-ratio: 1 / 1;
  }

  .nav-bar-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 0;
    display: none;
  }

  .main-content-group {
    margin-top: 11vh;
    margin-bottom: auto;
    margin-left: 0;
    padding-bottom: 2vh;
  }

  .nav-block {
    border-radius: 0;
  }

  .nav-block.blue {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .nav-block.white {
    border-radius: 10px;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
  }

  .h4 {
    font-size: var(--typography--h4-size);
    line-height: var(--typography--h4-lineheight);
  }

  .h4.menu {
    color: var(--color--notblack);
  }

  .nav-text {
    color: var(--color--notblack);
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
  }

  .nav-text.main {
    font-size: 16px;
    line-height: 20px;
  }

  .homepage-image.portrait {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex: 1;
    align-self: stretch;
  }

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

  .nav {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-direction: column;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: visible;
  }

  .logo-set {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: row;
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    display: flex;
  }

  .nav-button {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    display: flex;
  }

  .image {
    max-width: 5vh;
  }

  .button {
    background-color: var(--color--bloo);
    border-radius: 50px;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    padding: 15px;
    display: block;
  }

  .details-block-group {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .column-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    order: 0;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .column-2.about {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
  }

  .content-columns {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
  }

  .picture-grid.three {
    grid-template-columns: 1fr;
  }

  .work-image-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .takeaway-block {
    padding-bottom: 10px;
  }

  .column-1.intro {
    align-self: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .column-1.body {
    order: 0;
    align-self: stretch;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .column-5 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .h3 {
    text-align: left;
  }

  .sidebar {
    z-index: 1;
  }

  .h4 {
    font-size: 24px;
    line-height: 29px;
  }

  .nav-link {
    line-height: 18px;
  }

  .nav-text {
    font-size: 14px;
    line-height: 18px;
  }

  .nav-text.main {
    font-size: 16px;
    line-height: 20px;
  }

  .nav-text.main:hover {
    font-weight: 400;
  }

  .nav-text.main:focus {
    font-size: 19px;
    font-weight: 400;
  }

  .details-block-group {
    grid-template-columns: 1fr;
  }

  .column-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    order: 1;
  }

  .content-columns {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .picture-grid.two {
    grid-template-columns: 1fr;
  }

  .takeaway-block {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding-bottom: 10px;
  }

  .column-1.intro {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    padding-top: 0;
    display: flex;
  }

  .column-1.body {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .column-4 {
    order: -1;
  }
}

@media screen and (max-width: 479px) {
  .h1 {
    font-size: var(--typography--h3-size);
    line-height: var(--typography--h3-lineheight);
    object-fit: contain;
    overflow: visible;
  }

  .sidebar {
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    position: relative;
  }

  .nav-bar-wrapper {
    display: none;
  }

  .main-content-group {
    margin-top: 0;
  }

  .nav-block.red {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }

  .nav-block.white {
    display: block;
  }

  .nav-text {
    font-size: 14px;
  }

  .main-image-wrapper {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .homepage-image {
    aspect-ratio: 2 / 3;
  }

  .logo-set {
    flex-direction: column;
  }

  .button {
    align-self: center;
  }
}

#w-node-_8cf16d35-6f0d-daaa-ef90-4a6223e11651-405885ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_72fcfab7-8177-7ebb-e485-6dfdf5342903-405885ff,
#w-node-ff26561d-5ae2-203f-c198-5d7460b7d26f-405885ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_51505ccd-223f-dcaa-1732-06e707c91549-405885ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_51505ccd-223f-dcaa-1732-06e707c9154b-405885ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-d4f51d25-63ec-1257-0fdc-531a4e9143a5-c51dd98c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-d4f51d25-63ec-1257-0fdc-531a4e9143a9-c51dd98c,
#w-node-d4f51d25-63ec-1257-0fdc-531a4e9143ad-c51dd98c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_50b52ce1-98e0-e494-dc14-f262691b43a1-c51dd98c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_50b52ce1-98e0-e494-dc14-f262691b43a5-c51dd98c,
#w-node-_50b52ce1-98e0-e494-dc14-f262691b43a9-c51dd98c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b479c6e6-a386-f178-3510-de333162fdf3-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-b479c6e6-a386-f178-3510-de333162fdf7-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_91807843-e932-22cb-9bb0-ce3ac6f11f88-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_91807843-e932-22cb-9bb0-ce3ac6f11f8c-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_175cd44c-6fef-4217-4199-b07f8a082c2b-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_175cd44c-6fef-4217-4199-b07f8a082c2f-96e72d1a,
#w-node-_175cd44c-6fef-4217-4199-b07f8a082c33-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_52e4de49-1f74-de6d-6b18-94da235094be-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_52e4de49-1f74-de6d-6b18-94da235094c2-96e72d1a,
#w-node-_52e4de49-1f74-de6d-6b18-94da235094c6-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_1d9616a1-660c-a6b5-72ff-98b6ee43fe53-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_1d9616a1-660c-a6b5-72ff-98b6ee43fe57-96e72d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_0a771334-f302-5b0b-d641-051bf62db5b5-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_0a771334-f302-5b0b-d641-051bf62db5b9-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_0a771334-f302-5b0b-d641-051bf62db59d-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_0a771334-f302-5b0b-d641-051bf62db5a1-7fca5514,
#w-node-_0a771334-f302-5b0b-d641-051bf62db5a5-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_64d50da7-bf68-bedf-4eac-9daa6b71815f-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: auto;
}

#w-node-_64d50da7-bf68-bedf-4eac-9daa6b718163-7fca5514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-ExtraBoldItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-ExtraLightItalic.otf")
    format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typekiln Segment";
  src: url("../fonts/Typekiln---Segment-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}