@font-face {
  font-family: Bdo Grotesk;
  src: url('../fonts/BDOGrotesk-VF.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noto Serif;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Noto Serif;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--shade-2: #f2f2f2;
  --color--shade-6: #000;
  --typography--lh-heading: 1.25em;
  --typography--lh-body: 1.5em;
  --color--shade-3: #dbdbdb;
  --color--shade-1: #fff;
  --typography--ls-heading: 0em;
  --color--shade-4: #757575;
  --typography--ls-body: 0em;
  --typography--rt-heading-spacing: .5em;
  --typography--rt-body-spacing: 2.5rem;
  --color--shade-5: #1f1f1f;
}

.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-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.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 {
  background-color: var(--color--shade-2);
  color: var(--color--shade-6);
  font-family: Bdo Grotesk, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25em;
}

h1 {
  font-size: 2rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h2 {
  font-size: 1.75rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h3 {
  font-size: 1.5rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h4 {
  font-size: 1.25rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h5 {
  font-size: 1rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h6 {
  font-size: .85rem;
  line-height: var(--typography--lh-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

p {
  line-height: var(--typography--lh-body);
  margin-bottom: 0;
}

a {
  color: var(--color--shade-6);
  text-underline-offset: .4em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color--shade-3);
  text-decoration-color: var(--color--shade-3);
}

ul, ol {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
  display: flex;
}

img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 2px solid var(--color--shade-3);
  background-color: var(--color--shade-2);
  font-size: 18px;
  line-height: var(--typography--lh-body);
  border-radius: .25rem;
  margin-bottom: 0;
  padding: 2rem;
  font-style: italic;
  font-weight: 500;
}

.section {
  z-index: 2;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--color--shade-2);
  flex-flow: column;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.section.section-admin-hero {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-bottom: 1px dashed var(--color--shade-3);
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40vh;
  padding-top: 0;
  padding-bottom: 5rem;
}

.section.section-admin {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-bottom: 1px dashed var(--color--shade-3);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.section-hero {
  grid-column-gap: 17.5vw;
  grid-row-gap: 17.5vw;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-footer {
  z-index: 1;
  background-color: var(--color--shade-6);
  color: var(--color--shade-1);
  min-height: 50rem;
}

.section.section-hero-project {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  height: 35rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.section-project-featured-image {
  padding-top: 0;
}

.section.section-next-project {
  border-top: 1px solid var(--color--shade-3);
}

.container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container.container-nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container.container-admin {
  max-width: 1140px;
}

.container.container-nav-admin {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  display: flex;
}

.nav {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 4rem;
  display: flex;
}

.nav.nav-secondary {
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-link {
  color: var(--color--shade-6);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .35s cubic-bezier(.165, .84, .44, 1);
}

.nav-link:where(.w-variant-a6bd7d0c-0344-71fa-ecc2-0320bd1a102c) {
  color: var(--color--shade-1);
}

.nav-link:hover {
  opacity: .55;
}

.nav-link.w--current {
  opacity: 100;
  color: var(--color--shade-6);
}

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

.nav-brand {
  color: var(--color--shade-6);
}

.nav-brand-logo {
  width: 3.5rem;
}

.admin-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px dashed var(--color--shade-3);
  border-left: 1px dashed var(--color--shade-3);
  flex-flow: column;
  display: flex;
}

.admin-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 1px dashed var(--color--shade-3);
  border-bottom: 1px dashed var(--color--shade-3);
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.display-l {
  font-size: 2rem;
  line-height: var(--typography--lh-heading);
  letter-spacing: var(--typography--ls-heading);
  font-weight: 500;
}

.display-l.display-l-featured-project {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 600;
}

.display-m {
  font-size: 3rem;
  line-height: var(--typography--lh-heading);
  letter-spacing: var(--typography--ls-heading);
  font-weight: 600;
}

.display-s {
  font-size: 1rem;
  line-height: var(--typography--lh-heading);
  letter-spacing: var(--typography--ls-heading);
  font-weight: 500;
}

.display-s.display-admin-hero {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.display-s.display-s-featured-project {
  color: var(--color--shade-4);
  font-weight: 600;
}

.display-xs {
  font-size: 1rem;
  line-height: var(--typography--lh-heading);
  letter-spacing: var(--typography--ls-heading);
  font-weight: 600;
}

.body {
  color: var(--color--shade-6);
  line-height: var(--typography--lh-body);
  letter-spacing: var(--typography--ls-body);
  margin-bottom: 0;
  font-weight: 500;
}

.display-light {
  opacity: .55;
}

.body-light {
  color: var(--color--shade-4);
}

.body-l {
  font-size: 1.15rem;
  line-height: var(--typography--lh-body);
  letter-spacing: var(--typography--ls-body);
  margin-bottom: 0;
  font-weight: 500;
}

.body-xl {
  font-size: 1.5rem;
  line-height: var(--typography--lh-body);
  letter-spacing: var(--typography--ls-body);
  margin-bottom: 0;
  font-weight: 500;
}

.nav-admin-button {
  border: 1px dashed var(--color--shade-3);
  background-color: var(--color--shade-2);
  color: var(--color--shade-6);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .25rem;
  padding: .4rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.165, .84, .44, 1);
}

.nav-admin-button:hover {
  background-color: var(--color--shade-2);
}

.nav-admin-button:active {
  background-color: var(--color--shade-1);
}

.nav-admin-button.w--current {
  background-color: var(--color--shade-2);
}

.admin-list-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px dashed var(--color--shade-3);
  border-bottom: 1px dashed var(--color--shade-3);
  background-color: var(--color--shade-2);
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  min-height: 3rem;
  padding: .5rem 1.5rem;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.rich-text {
  max-width: 70ch;
  margin-bottom: -2.5rem;
  font-style: normal;
}

.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
  margin-bottom: var(--typography--rt-heading-spacing);
  font-weight: 500;
}

.rich-text p {
  margin-bottom: var(--typography--rt-body-spacing);
  font-weight: 500;
}

.rich-text blockquote {
  margin-bottom: var(--typography--rt-body-spacing);
  color: var(--color--shade-4);
  font-weight: 500;
}

.rich-text ol, .rich-text ul {
  margin-bottom: var(--typography--rt-body-spacing);
}

.rich-text a {
  color: #454ffc;
  font-weight: 500;
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr);
  width: 100%;
  display: grid;
}

.grid.grid-client-logos, .grid.grid-small-gap, .grid.grid-project-images, .grid.grid-admin-items {
  grid-row-gap: 1rem;
}

.admin-color-block {
  border: 1px solid var(--color--shade-3);
  background-color: var(--color--shade-1);
  height: 5rem;
}

.admin-color-block.admin-color-block-2 {
  background-color: var(--color--shade-2);
}

.admin-color-block.admin-color-block-3 {
  background-color: var(--color--shade-3);
}

.admin-color-block.admin-color-block-4 {
  background-color: var(--color--shade-4);
}

.admin-color-block.admin-color-block-5 {
  background-color: var(--color--shade-5);
}

.admin-color-block.admin-color-block-6 {
  background-color: var(--color--shade-6);
}

.admin-block {
  border: 1px solid var(--color--shade-3);
  justify-content: center;
  align-items: center;
  height: 5rem;
  display: flex;
}

.icon-l {
  width: 1.5rem;
  max-height: 1.5rem;
}

.form-text-field {
  border: 1px none var(--color--shade-3);
  background-color: var(--color--shade-1);
  color: var(--color--shade-6);
  height: 4.5rem;
  margin-bottom: 0;
  padding: 1.5rem;
  font-size: 1rem;
}

.form-text-field.form-text-field-message {
  flex: 1;
  height: 100%;
  min-height: 15rem;
}

.form-label {
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1em;
}

.form-label.form-label-hidden {
  display: none;
}

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

.form-row.form-row-horizontal {
  flex-flow: row;
  align-items: stretch;
}

.form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--color--shade-1);
  pointer-events: auto;
  color: var(--color--shade-6);
  text-align: center;
  border-radius: .1em;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.5em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.165, .84, .44, 1);
  display: inline-flex;
}

.button:hover {
  background-color: var(--color--shade-3);
}

.button.button-secondary {
  border-color: var(--color--shade-3);
  background-color: var(--color--shade-2);
  color: var(--color--shade-6);
}

.button.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button.is-navbar16-button {
  z-index: 1;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
}

.form-block {
  height: 100%;
  margin-bottom: 0;
}

.state {
  border: 1px dashed var(--color--shade-3);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.state.state-error {
  color: #811313;
  background-color: #ffdede;
  border-color: #ebc5c5;
}

.admin-placeholder {
  border: 1px solid var(--color--shade-3);
  background-color: var(--color--shade-2);
  border-radius: .25rem;
  width: 100%;
  height: 5rem;
}

.footer.footer-secondary {
  justify-content: center;
  align-items: center;
  min-height: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.display-link {
  text-underline-offset: .25em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color--shade-3);
  text-decoration-color: var(--color--shade-3);
  align-self: flex-start;
  font-weight: 500;
  transition: text-decoration-color .35s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

.display-link:hover {
  -webkit-text-decoration-color: var(--color--shade-5);
  text-decoration-color: var(--color--shade-5);
}

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

.utility-page-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.admin-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 40rem;
  display: flex;
}

.admin-icon {
  aspect-ratio: 1;
  border: 1px dashed var(--color--shade-3);
  background-color: var(--color--shade-3);
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: inline-flex;
}

.title {
  z-index: 2;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 60ch;
  display: flex;
  position: relative;
}

.title.title-contact {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

.featured-project-card {
  aspect-ratio: 16 / 9;
  background-color: var(--color--shade-6);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title-line {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  display: flex;
  overflow: hidden;
}

.project-card {
  background-color: var(--color--shade-3);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 43vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card-title {
  position: absolute;
  inset: 1.5rem auto auto 1.5rem;
}

.project-card-thumbnail-wrapper {
  z-index: 2;
  aspect-ratio: 3 / 2;
  width: 35vw;
  position: relative;
  overflow: hidden;
}

.section-header {
  border-top: 1px solid var(--color--shade-3);
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  display: flex;
}

.note-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.note-card-image-wrapper {
  background-color: var(--color--shade-3);
  position: relative;
  overflow: hidden;
}

.note-card-title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.fixed-footer {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 50rem;
  padding-top: 5rem;
  padding-bottom: 2rem;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.section-separator {
  border-bottom: 1px solid var(--color--shade-3);
}

.section-separator.section-separator-dark {
  border-bottom-color: var(--color--shade-5);
}

.footer-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

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

.footer-link {
  color: var(--color--shade-1);
  text-decoration: none;
  transition: opacity .35s cubic-bezier(.165, .84, .44, 1);
}

.footer-link:hover {
  opacity: .55;
}

.fixed-footer-top {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.bordered-wrapper {
  z-index: 2;
  border-top: 1px solid var(--color--shade-3);
  padding-top: 5rem;
  display: none;
  position: relative;
}

.service-list-item {
  border-bottom: 1px solid var(--color--shade-3);
  padding-bottom: 3.5rem;
}

.service-list-item-content-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon {
  width: 1rem;
  max-height: 1rem;
}

.icon.icon-absolute {
  position: absolute;
  bottom: -100%;
  left: -100%;
}

.icon.icon-client-logo-item {
  opacity: .55;
}

.service-list-item-content-body-wrapper {
  overflow: hidden;
}

.service-list-item-content-body {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  max-width: 40rem;
  padding-top: 3.5rem;
  display: flex;
}

.service-list {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.display-image-wrapper {
  background-color: var(--color--shade-3);
  position: relative;
  overflow: hidden;
}

.client-logo-item {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--color--shade-3);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.socials-wrapper {
  border-top: 1px solid var(--color--shade-3);
  flex-flow: column;
  display: flex;
}

.socials-item {
  border-bottom: 1px solid var(--color--shade-3);
  background-color: var(--color--shade-2);
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-decoration: none;
}

.socials-item-content-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.featured-project-card-borders {
  z-index: 999;
  border-right: 2rem solid var(--color--shade-2);
  border-left: 2rem solid var(--color--shade-2);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

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

.featured-project-card-row-item {
  aspect-ratio: 3 / 2;
  background-color: var(--color--shade-2);
  flex: none;
  width: 100%;
  max-width: 40vw;
  position: relative;
  overflow: hidden;
}

.featured-project-card-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.featured-project-card-row-item-center {
  z-index: 99;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 3 / 2;
  background-color: #0000;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40vw;
  position: relative;
  overflow: hidden;
}

.featured-project-card-row-item-center-content {
  z-index: 99;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--color--shade-6);
  color: var(--color--shade-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-card-background {
  background-color: var(--color--shade-6);
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.featured-project-card-row-item-image {
  object-fit: cover;
  height: 100%;
}

.featured-project-card-row-item-center-content-meta {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.display-link-white {
  color: var(--color--shade-1);
  -webkit-text-decoration-color: var(--color--shade-4);
  text-decoration-color: var(--color--shade-4);
  transition: text-decoration-color .35s cubic-bezier(.165, .84, .44, 1);
}

.display-link-white:hover {
  -webkit-text-decoration-color: var(--color--shade-5);
  text-decoration-color: var(--color--shade-5);
}

.footer-logotype-wrapper {
  overflow: hidden;
}

.fixed-footer-overlay {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#000000bf, #0000000d);
  min-height: 25rem;
  position: absolute;
  inset: 0% 0% auto;
}

.projects-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
}

.note-card-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  height: 100%;
}

.featured-project-card-row-item-center-content-item-wrapper {
  overflow: hidden;
}

.project-card-thumbnail {
  z-index: 2;
  height: 100%;
  position: relative;
}

.project-card-thumbnail.project-card-thumbnail-secondary {
  z-index: 3;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.projects-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.projects-wrapper, .projects-row-item {
  width: 100%;
}

.note-card-image-overlay {
  z-index: 2;
  background-color: #0000001a;
  position: absolute;
  inset: 0%;
}

.pagination {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.5rem;
}

.featured-note-card {
  text-decoration: none;
}

.featured-note-card-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.featured-note-card-image-wrapper {
  background-color: var(--color--shade-3);
  position: relative;
  overflow: hidden;
}

.featured-note-card-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.featured-note-card-content-meta {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.featured-note-card-content-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.display-image {
  object-fit: cover;
  height: 100%;
}

.service-list-item-content-body-meta {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: .55;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-list-item-content-body-meta-tag {
  background-color: var(--color--shade-3);
  border-radius: .25em;
  padding: .4em .75em;
  font-size: .9rem;
  font-weight: 500;
}

.notes-list {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.socials-item-icon-inner-wrapper {
  position: relative;
}

.socials-item-icon-outer-wrapper {
  overflow: hidden;
}

.socials-item-icon {
  width: 1rem;
  max-height: 1rem;
}

.socials-item-content-body-wrapper {
  overflow: hidden;
}

.socials-item-content-body {
  max-width: 40rem;
  padding-top: 1.5rem;
}

.client-logo-item-logo {
  max-height: 2.5rem;
}

.client-logo-item-content {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--color--shade-6);
  color: var(--color--shade-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.client-logo-item-content-item {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.display-italic {
  font-family: Noto Serif, Arial, sans-serif;
  font-style: italic;
  font-weight: 500;
}

.note-featured-image {
  object-fit: cover;
  height: 100%;
}

.hero-project-images {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.hero-project-image {
  background-color: var(--color--shade-2);
  object-fit: cover;
}

.hero-project-background-overlay {
  z-index: 3;
  opacity: .5;
  pointer-events: none;
  background-image: linear-gradient(#0000, #00000059);
  height: 25vh;
  position: absolute;
  inset: auto 0% 0%;
}

.post-introduction {
  z-index: 2;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 70ch;
  display: flex;
  position: relative;
}

.hero-project-background-image {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.next-project-background-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.next-project-title {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.next-project-background-image {
  object-fit: cover;
  height: 100%;
  position: relative;
}

.next-project-card {
  text-decoration: none;
}

.image-loader {
  z-index: 99;
  background-color: var(--color--shade-2);
  object-fit: fill;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.nav-link-wrapper, .note-card-icon-wrapper {
  overflow: hidden;
}

.note-meta {
  flex-flow: column;
  display: flex;
}

.note-meta-item {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-link {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  font-weight: 500;
  transition: text-decoration-color .35s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.arrow-link:where(.w-variant-b0f3f571-c309-9244-5ab2-0f23709e6e27) {
  color: var(--color--shade-1);
  -webkit-text-decoration-color: var(--color--shade-4);
  text-decoration-color: var(--color--shade-4);
}

.arrow-link:hover {
  -webkit-text-decoration-color: var(--color--shade-4);
  text-decoration-color: var(--color--shade-4);
}

.arrow-link:hover:where(.w-variant-b0f3f571-c309-9244-5ab2-0f23709e6e27) {
  -webkit-text-decoration-color: var(--color--shade-5);
  text-decoration-color: var(--color--shade-5);
}

.arrow-link-icon-wrapper {
  overflow: hidden;
}

.socials-item-title-heading {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.work-experience-list-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid var(--color--shade-3);
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.work-experience-list-item-title {
  flex-flow: column;
  display: flex;
}

.work-experience-list-item-title.work-experience-list-item-title-right {
  justify-content: flex-start;
  align-items: flex-end;
}

.work-experience-list-title {
  border-bottom: 1px solid var(--color--shade-3);
  padding-bottom: 1rem;
}

.about-image-wrapper {
  position: relative;
  overflow: hidden;
}

.about-image-borders {
  z-index: 2;
  border-right: 2rem solid var(--color--shade-2);
  border-left: 2rem solid var(--color--shade-2);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.about-image {
  position: static;
}

.cta-button {
  z-index: 99;
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.button-text-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.button-dot {
  background-color: #79c789;
  border-radius: 50rem;
  width: .35rem;
  height: .35rem;
}

.button-text {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-text.button-text-secondary {
  position: relative;
}

.button-text-outer-wrapper {
  height: 1.25em;
  overflow: hidden;
}

.link-contact {
  color: var(--color--shade-6);
  text-underline-offset: .2em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25em;
  text-decoration-thickness: .1rem;
  transition: text-decoration-color .35s cubic-bezier(.165, .84, .44, 1);
}

.contact-item {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  display: flex;
}

.section_gallery10 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.container-large {
  width: 100%;
  max-width: 80rem;
}

.padding-section-large {
  padding-top: 4rem;
  padding-bottom: 7rem;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-size-medium {
  font-size: 1.125rem;
}

.gallery10_list {
  column-count: 3;
  column-gap: 2rem;
}

.gallery10_lightbox-link {
  width: 100%;
  margin-bottom: 2rem;
}

.gallery10_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  width: 100%;
  overflow: hidden;
}

.gallery10_image1, .gallery10_image2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery10_image3, .gallery10_image4 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery10_image5, .gallery10_image6, .gallery10_image7 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_gallery5 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.gallery5_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.gallery5_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.gallery5_lightbox-link {
  width: 100%;
  height: 100%;
}

.gallery5_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  width: 100%;
  overflow: hidden;
}

.gallery5_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_portfolio6 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

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

.portfolio6_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}

.portfolio6_item {
  margin-bottom: 3rem;
}

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

.portfolio6_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  overflow: hidden;
}

.portfolio6_image1 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-size-regular {
  font-size: 1rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-xxlarge, .margin-top.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-xsmall, .margin-top.margin-medium, .margin-top.margin-xlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.portfolio6_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-1\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.portfolio6_image3 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio6_image2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio6_image4 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.portfolio16_list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio16_item {
  border-top: var(--\<unknown\|relume-variable-divider-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.portfolio16_item-link {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  text-decoration: none;
  display: grid;
}

.portfolio16_item-link:last-child {
  padding-bottom: 0;
}

.portfolio16_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  overflow: hidden;
}

.portfolio16_image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio16_title-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.portfolio16_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.navbar16_component {
  border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar16_container {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar16_logo-link {
  z-index: 1;
  padding-left: 0;
}

.navbar16_wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.navbar16_menu {
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  padding-left: 5%;
  padding-right: 5%;
  transition: height .5s;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.navbar16_menu-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-top: 4.5rem;
  display: flex;
  position: relative;
}

.navbar16_links-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.navbar16_link {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: .5rem 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  position: static;
}

.navbar16_link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.navbar16_bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-size-large {
  font-size: 1.25rem;
}

.navbar16_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-items: stretch;
  display: grid;
}

.navbar16_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.navbar16_menu-button {
  z-index: 1;
  padding: 0;
  position: relative;
}

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

.menu-icon4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.menu-icon4_wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-icon4_line-top {
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  width: 24px;
  height: 2px;
  padding-bottom: 0;
  padding-right: 0;
}

.menu-icon4_line-middle {
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.menu-icon_line-middle-top {
  z-index: 2;
  width: 24px;
  height: 2px;
  position: absolute;
  inset: 0;
}

.menu-icon_line-middle-base {
  background-color: #000;
  width: 24px;
  height: 2px;
  position: absolute;
}

.menu-icon4_line-bottom {
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  width: 24px;
  height: 2px;
}

.portfolio4-header_component {
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.portfolio4-header_image-wrapper {
  flex: 1;
  position: relative;
}

.portfolio4-header_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.portfolio4-header_content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio4-header_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-top: 1.5rem;
  display: flex;
}

.portfolio4-header_tag-item {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.portfolio4-header_tag-item.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.portfolio4-gallery1_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.portfolio4-gallery1_lightbox-link, .portfolio4-gallery1_image-wrapper {
  width: 100%;
  height: 100%;
}

.portfolio4-gallery1_image1 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-gallery1_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.portfolio4-gallery1_image2, .portfolio4-gallery1_image3 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-gallery1_image4 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-content_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-h3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.portfolio4-gallery2_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.portfolio4-gallery2_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.portfolio4-gallery2_lightbox-link, .portfolio4-gallery2_image-wrapper {
  width: 100%;
  height: 100%;
}

.portfolio4-gallery2_image1, .portfolio4-gallery2_image2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-gallery2_image3 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-gallery2_image4, .portfolio4-gallery2_image5 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-weight-semibold {
  font-weight: 600;
}

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

.portfolio4-related_list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio4-related_image-link {
  width: 100%;
  margin-bottom: 1.5rem;
}

.portfolio4-related_image-wrapper {
  width: 100%;
  overflow: hidden;
}

.portfolio4-related_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio4-related_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.portfolio4-related_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-top: 1rem;
  display: flex;
}

.portfolio4-related_tag-item {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.portfolio4-related_tag-item.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.portfolio4-related_button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.padding-vertical, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom, .padding-bottom.padding-xlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer8_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: start;
}

.footer8_left-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer8_logo-link {
  margin-bottom: 2rem;
  padding-left: 0;
}

.footer8_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.footer8_link {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.footer8_right-wrapper {
  flex-direction: column;
  display: flex;
}

.footer8_form-block {
  min-width: 25rem;
  max-width: 35rem;
  margin-bottom: 0;
}

.footer8_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.form_input {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input::placeholder {
  color: #0009;
}

.text-size-tiny {
  font-size: .75rem;
}

.success-message {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.line-divider {
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  width: 100%;
  height: 1px;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer8_bottom-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.footer8_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer8_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer8_credit-text {
  font-size: .875rem;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.35rem;
  }

  h4 {
    font-size: 1.1rem;
  }

  .section {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.section-admin-hero {
    min-height: 30vh;
    padding-bottom: 2.5rem;
  }

  .section.section-admin {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section.section-hero {
    z-index: 99;
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
  }

  .section.section-footer {
    min-height: 52.5rem;
  }

  .section.section-hero-project {
    height: 20rem;
  }

  .section.section-project-featured-image {
    padding-bottom: 0;
  }

  .section.section-project-images {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.section-project-images-last {
    padding-top: 0;
  }

  .section.section-project-hero {
    padding-bottom: 0;
  }

  .nav {
    z-index: 99;
  }

  .nav-link {
    color: var(--color--shade-1);
    font-size: 1.25rem;
  }

  .nav-menu {
    background-color: var(--color--shade-6);
    color: var(--color--shade-1);
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15vh 2rem .5rem;
  }

  .nav-menu-button {
    padding: 0;
  }

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

  .nav-menu-button-icon {
    width: 1.25rem;
    max-height: 1.25rem;
  }

  .display-l.display-l-featured-project {
    font-size: 2rem;
  }

  .display-m {
    font-size: 2.5rem;
  }

  .display-s.display-admin-hero {
    font-size: 2rem;
  }

  .nav-admin-button {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
  }

  .grid {
    grid-row-gap: 2.5rem;
    grid-template-columns: minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr);
  }

  .grid.grid-contact {
    grid-row-gap: 3.5rem;
  }

  .button {
    font-size: .9rem;
  }

  .title.title-contact {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .project-card {
    aspect-ratio: 3 / 2;
    min-height: auto;
  }

  .project-card-title {
    z-index: 2;
  }

  .project-card-thumbnail-wrapper {
    width: 50%;
  }

  .fixed-footer {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .fixed-footer-top {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .bordered-wrapper {
    padding-top: 3rem;
  }

  .service-list-item {
    padding-bottom: 2.5rem;
  }

  .service-list-item-content-body {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 2.5rem;
  }

  .featured-project-card-row-item, .featured-project-card-row-item-center {
    max-width: 50vw;
  }

  .project-card-background {
    opacity: 1;
  }

  .projects-row {
    flex-flow: column;
  }

  .featured-note-card-content-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .socials-item-content-body {
    padding-top: 1rem;
  }

  .nav-link-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .arrow-link-icon-wrapper {
    display: none;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .portfolio6_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .portfolio16_item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .portfolio16_item-link {
    grid-column-gap: 3rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .navbar16_container {
    grid-auto-columns: 1fr;
  }

  .navbar16_menu {
    flex-direction: column;
    justify-content: center;
    position: absolute;
  }

  .navbar16_links-wrapper {
    flex: 1;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .navbar16_link {
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem 0;
    position: static;
  }

  .navbar16_bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar16_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

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

  .menu-icon4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .menu-icon4_wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-icon4_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon4_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .menu-icon_line-middle-top {
    z-index: 2;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0;
  }

  .menu-icon_line-middle-base {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .menu-icon4_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .portfolio4-header_content-wrapper, .portfolio4-content_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .portfolio4-related_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer8_top-wrapper {
    grid-row-gap: 3.5rem;
    grid-template-columns: 1fr;
  }

  .footer8_form-block {
    min-width: auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .section {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section.section-admin-hero {
    min-height: 25vh;
  }

  .section.section-hero {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .section.section-footer {
    min-height: 50rem;
  }

  .section.section-hero-project {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav {
    min-height: 3.5rem;
  }

  .nav-link {
    font-size: 1.15rem;
  }

  .nav-menu {
    padding: 12.5vh 1.5rem .5rem;
  }

  .nav-brand {
    padding-left: 0;
  }

  .display-l {
    font-size: 1.5rem;
  }

  .display-l.display-l-featured-project {
    font-size: 1.75rem;
  }

  .display-m {
    font-size: 2rem;
  }

  .grid {
    grid-template-columns: minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr) minmax(.25rem, 1fr);
  }

  .grid.grid-contact {
    grid-row-gap: 2.5rem;
  }

  .button.is-navbar16-button {
    padding: .25rem 1rem;
  }

  .title {
    max-width: 100%;
  }

  .project-card {
    aspect-ratio: 1;
  }

  .project-card-thumbnail-wrapper {
    width: 75%;
  }

  .fixed-footer {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .bordered-wrapper {
    padding-top: 2.5rem;
  }

  .featured-project-card-borders {
    border-left-width: 1.5rem;
    border-right-width: 1.5rem;
  }

  .featured-project-card-row, .featured-project-card-grid, .featured-project-card-row-item-center-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .projects-row {
    flex-flow: column;
  }

  .service-list-item-content-body-meta-tag {
    font-size: .9rem;
  }

  .socials-item-content-body {
    padding-top: .5rem;
  }

  .hero-project-image.hero-project-image-second {
    display: none;
  }

  .post-introduction {
    max-width: 100%;
  }

  .about-image-borders {
    border-left-width: 1.5rem;
    border-right-width: 1.5rem;
  }

  .cta-button {
    padding: 1.5rem;
  }

  .link-contact {
    font-size: 1.5rem;
  }

  .contact-item {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .gallery10_list {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .gallery10_lightbox-link {
    margin-bottom: 1.5rem;
  }

  .gallery5_grid-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .gallery5_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio6_list {
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    column-count: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .portfolio16_item-link {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .portfolio16_title-wrapper {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .navbar16_component {
    min-height: 4rem;
  }

  .navbar16_menu-wrapper {
    padding-top: 4rem;
  }

  .navbar16_links-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar16_link {
    font-size: 1.5rem;
  }

  .navbar16_bottom {
    height: 4rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .portfolio4-header_content-wrapper, .portfolio4-gallery1_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .portfolio4-gallery1_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio4-content_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .portfolio4-gallery2_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .portfolio4-gallery2_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio4-related_list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer8_top-wrapper {
    grid-row-gap: 2.5rem;
  }

  .footer8_link-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer8_bottom-wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer8_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: start;
  }

  .footer8_credit-text {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .section.section-admin-hero {
    padding-bottom: 2rem;
  }

  .section.section-admin {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section.section-hero {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .section.section-footer {
    min-height: 50.5rem;
  }

  .section.section-hero-project {
    height: 15rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav.nav-secondary {
    min-height: 3.5rem;
  }

  .nav-brand-logo {
    width: 3rem;
  }

  .display-l {
    font-size: 1.25rem;
  }

  .display-l.display-l-featured-project, .display-m, .display-s.display-admin-hero {
    font-size: 1.5rem;
  }

  .display-s.display-s-featured-project {
    font-size: .8rem;
  }

  .grid.grid-project {
    grid-row-gap: 1.5rem;
  }

  .grid.grid-notes-hero {
    grid-row-gap: 1rem;
  }

  .form-text-field {
    height: 3rem;
  }

  .form-row.form-row-horizontal {
    flex-flow: column;
  }

  .button {
    width: 100%;
    min-height: 3rem;
  }

  .footer.footer-secondary {
    min-height: 3.5rem;
  }

  .featured-project-card, .project-card {
    aspect-ratio: 1;
  }

  .project-card-thumbnail-wrapper {
    width: 60vw;
  }

  .fixed-footer {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .service-list-item-content-body {
    padding-top: 1.5rem;
  }

  .featured-project-card-borders {
    border-left-width: 0;
    border-right-width: 0;
  }

  .featured-project-card-row-item, .featured-project-card-row-item-center {
    max-width: 75vw;
  }

  .fixed-footer-overlay {
    min-height: 15rem;
  }

  .work-experience-list-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .work-experience-list-item-title.work-experience-list-item-title-right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-image-borders {
    border-left-width: 1rem;
    border-right-width: 1rem;
    display: none;
  }

  .cta-button {
    padding: 1rem;
  }

  .link-contact {
    font-size: 1.25rem;
  }

  .contact-item {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer8_top-wrapper {
    grid-row-gap: 48px;
  }

  .footer8_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

#w-node-ce47d783-5172-a610-81e2-fad282ab283b-564e37f5, #w-node-dc1d08e5-9269-bd96-b8e8-b9325a2f7923-564e37f5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_610b228c-7852-bfba-1c70-62a0718c7d5b-564e37f5, #w-node-_6db08185-fbc1-a7d1-1fe2-403334482cf4-564e37f5, #w-node-_170e90c7-074a-364b-c0e9-2665bfab4011-bfab400c {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-df7eae8a-688a-8486-ae08-39bd4ce106c7-4ce106c7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_756e011a-5638-b648-fb86-74a428ad7600-28ad75fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_756e011a-5638-b648-fb86-74a428ad7603-28ad75fe {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f4-564e37f9, #w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f5-564e37f9, #w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f6-564e37f9, #w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f7-564e37f9, #w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f8-564e37f9, #w-node-c2bb0b37-5067-21dc-42f3-3f921f5209f9-564e37f9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8d2ca37a-e80a-51de-60fd-c013e7f549a1-564e37f9, #w-node-_8d2ca37a-e80a-51de-60fd-c013e7f549a5-564e37f9, #w-node-_7dc128b2-bd9c-1b5d-91c9-497ab92b0c8a-564e37f9, #w-node-bc83e0f8-d95f-29aa-d605-18b2ef43c7a4-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d516513-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d516517-564e37f9 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_3b783196-1241-360e-8a67-a5f61d51651b-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d51651f-564e37f9 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_40eda38b-9579-b4e8-f8b9-13c80b1559ec-564e37f9, #w-node-_40eda38b-9579-b4e8-f8b9-13c80b1559ed-564e37f9 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_7b836f03-b948-4352-33b4-4e00336214fa-336214f8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: start;
}

#w-node-_74012ae4-0b7e-6af8-b15c-f2659f4e0ab5-336214f8, #w-node-_8f11b134-ed17-4b09-3b08-89058c19917a-8c199178, #w-node-_8f11b134-ed17-4b09-3b08-89058c19917c-8c199178, #w-node-_91f70611-1d32-1c0e-46c1-1ed10521f918-0521f918 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-d8fbf6c2-c636-5afa-1132-285fd0ec9268-d0ec9266 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d8fbf6c2-c636-5afa-1132-285fd0ec9271-d0ec9266 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-c6f5ed9e-f600-390e-c6c2-7dea26d1bbe3-26d1bbe3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ebc1cf58-d0f7-a4e9-76fc-04286cabd8b4-6cabd8b1, #w-node-ebc1cf58-d0f7-a4e9-76fc-04286cabd8ba-6cabd8b1, #w-node-ba1ce4ef-576d-3b71-d530-c2f55fd0b7dc-564e37fd, #w-node-ba1ce4ef-576d-3b71-d530-c2f55fd0b7e4-564e37fd, #w-node-_2cbb873a-2a71-5201-82e2-9dfe1230f64c-564e37fd, #w-node-f5522bf4-e857-3006-e93d-bf591626b2f3-564e37fd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_51c129ad-f41a-a3b5-6e99-c7f6b0580f70-564e37fd {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_9327d989-8e09-2cac-39a0-b3117f1680ed-564e37fe, #w-node-_9327d989-8e09-2cac-39a0-b3117f1680f5-564e37fe {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-a7651f82-c17b-c148-4e23-693a4282a4d6-564e37fe {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_17715e02-7164-d5c6-5162-076830d8becc-564e37fe, #w-node-_17715e02-7164-d5c6-5162-076830d8bece-564e37fe, #w-node-_7310c71c-a88b-ee40-d8cf-4c68edf27356-564e37fe, #w-node-_66bb7b33-d710-817a-7385-b42fad7beab4-564e37fe {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fee196cc-0d24-8896-8c39-a86778068800-564e37fe, #w-node-fee196cc-0d24-8896-8c39-a86778068808-564e37fe {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_6753e38d-5884-247e-8315-a8bddddcc3c6-564e37fe {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-f93aed50-d7a0-1b69-6f67-9eaa55bd27cc-564e37fe {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_0d00e2f3-4da4-6289-4c91-a0b3be3d7062-564e3800, #w-node-d0558a53-7ffd-c462-d8b3-b1c35040cd6f-564e3800, #w-node-_555ce9bf-06d7-1f12-4378-c225be923941-564e3800 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-b4276374-8454-72f9-4d27-a8f5b590870a-564e3800, #w-node-_52a655ce-6376-44dd-8ef0-ecd765598f2a-564e3800, #w-node-_6386e280-2914-3cfa-f09f-b8a712e9657f-564e3800 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10feb926-6120-ed9d-7953-3f81ae53a0f1-564e3800 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_8610adcd-aabb-1ff1-3f34-0b3a547209ef-564e3800 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-d43930fc-29fe-682f-8fc6-696945f4d114-564e3800 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_44072f0d-a6cb-a7a4-042f-434b5876519a-564e3800 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_39a396a3-44d2-d1b5-9f99-cae946d6b8b8-564e3800 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_626e8b7a-79c8-d938-67a0-92b77a6d264f-564e3800 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-b66bb29d-eddd-5d51-d18a-b76bdae22840-564e3800 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_07318d96-86c0-06d5-c45c-f5920c578743-564e3801 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_07318d96-86c0-06d5-c45c-f5920c578748-564e3801, #w-node-_139b1a05-1841-26bb-1c97-907e30cdee63-564e3801 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ef00d2cc-ad90-aada-fad9-475b3a2a8cb6-564e3801 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_92bbd2b7-007b-bc65-631d-374b7f0318d7-564e3801 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2f358750-4877-be52-53ee-ee1a4d1ce2d7-564e3801, #w-node-_4a91cf81-13ef-1fbd-931d-13e60bf72a45-564e3801 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-d25809c8-e37d-b526-23a9-1f495fea9b37-564e3801 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa010-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa024-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa028-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02b-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02e-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa045-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa048-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04b-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04f-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa052-87a348ec, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa010-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa024-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa028-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02b-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02e-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa045-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa048-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04b-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04f-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa052-50ba659d, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa010-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa024-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa028-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02b-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa02e-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa045-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa048-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04b-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa04f-60cd6ecf, #w-node-e1bfb360-b9f5-9076-8d9d-709cbc3fa052-60cd6ecf, #w-node-dc11462c-f8ed-7b46-b653-8cdcbb3ba3dc-592ee82c, #w-node-dc11462c-f8ed-7b46-b653-8cdcbb3ba3ed-592ee82c, #w-node-dc11462c-f8ed-7b46-b653-8cdcbb3ba3f1-592ee82c, #w-node-dc11462c-f8ed-7b46-b653-8cdcbb3ba3f4-592ee82c, #w-node-dc11462c-f8ed-7b46-b653-8cdcbb3ba3f7-592ee82c, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356c4-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356d5-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356d9-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356dc-40287af4, #w-node-_6b0e92a5-0b92-7064-312b-5555992341ff-40287af4, #w-node-_6b0e92a5-0b92-7064-312b-555599234202-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356f2-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356f5-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356f8-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356fc-40287af4, #w-node-f144cc9a-8a22-4df0-43d4-ef3e590356fe-40287af4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-ce47d783-5172-a610-81e2-fad282ab283b-564e37f5, #w-node-dc1d08e5-9269-bd96-b8e8-b9325a2f7923-564e37f5, #w-node-_610b228c-7852-bfba-1c70-62a0718c7d5b-564e37f5, #w-node-_6db08185-fbc1-a7d1-1fe2-403334482cf4-564e37f5, #w-node-_170e90c7-074a-364b-c0e9-2665bfab4011-bfab400c, #w-node-df7eae8a-688a-8486-ae08-39bd4ce106c7-4ce106c7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_756e011a-5638-b648-fb86-74a428ad7603-28ad75fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_756e011a-5638-b648-fb86-74a428ad760a-28ad75fe {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: end;
  }

  #w-node-_8d2ca37a-e80a-51de-60fd-c013e7f549a1-564e37f9, #w-node-_8d2ca37a-e80a-51de-60fd-c013e7f549a5-564e37f9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7b836f03-b948-4352-33b4-4e00336214fa-336214f8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: start;
  }

  #w-node-_74012ae4-0b7e-6af8-b15c-f2659f4e0ab5-336214f8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_8f11b134-ed17-4b09-3b08-89058c19917a-8c199178, #w-node-_8f11b134-ed17-4b09-3b08-89058c19917c-8c199178 {
    grid-column: span 8 / span 8;
  }

  #w-node-_91f70611-1d32-1c0e-46c1-1ed10521f918-0521f918 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-d8fbf6c2-c636-5afa-1132-285fd0ec9268-d0ec9266 {
    grid-column: span 8 / span 8;
  }

  #w-node-d8fbf6c2-c636-5afa-1132-285fd0ec9271-d0ec9266, #w-node-ebc1cf58-d0f7-a4e9-76fc-04286cabd8b4-6cabd8b1, #w-node-ebc1cf58-d0f7-a4e9-76fc-04286cabd8ba-6cabd8b1, #w-node-ba1ce4ef-576d-3b71-d530-c2f55fd0b7dc-564e37fd, #w-node-ba1ce4ef-576d-3b71-d530-c2f55fd0b7e4-564e37fd, #w-node-_51c129ad-f41a-a3b5-6e99-c7f6b0580f70-564e37fd, #w-node-_9327d989-8e09-2cac-39a0-b3117f1680ed-564e37fe, #w-node-_9327d989-8e09-2cac-39a0-b3117f1680f5-564e37fe, #w-node-a7651f82-c17b-c148-4e23-693a4282a4d6-564e37fe {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_17715e02-7164-d5c6-5162-076830d8bece-564e37fe, #w-node-_7310c71c-a88b-ee40-d8cf-4c68edf27356-564e37fe, #w-node-_66bb7b33-d710-817a-7385-b42fad7beab4-564e37fe {
    grid-column: span 8 / span 8;
  }

  #w-node-_6753e38d-5884-247e-8315-a8bddddcc3c6-564e37fe, #w-node-f93aed50-d7a0-1b69-6f67-9eaa55bd27cc-564e37fe {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_0d00e2f3-4da4-6289-4c91-a0b3be3d7062-564e3800, #w-node-d0558a53-7ffd-c462-d8b3-b1c35040cd6f-564e3800 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_555ce9bf-06d7-1f12-4378-c225be923941-564e3800 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-b4276374-8454-72f9-4d27-a8f5b590870a-564e3800, #w-node-_52a655ce-6376-44dd-8ef0-ecd765598f2a-564e3800, #w-node-_6386e280-2914-3cfa-f09f-b8a712e9657f-564e3800 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_10feb926-6120-ed9d-7953-3f81ae53a0f1-564e3800, #w-node-d43930fc-29fe-682f-8fc6-696945f4d114-564e3800, #w-node-_44072f0d-a6cb-a7a4-042f-434b5876519a-564e3800, #w-node-_39a396a3-44d2-d1b5-9f99-cae946d6b8b8-564e3800, #w-node-_07318d96-86c0-06d5-c45c-f5920c578743-564e3801 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_07318d96-86c0-06d5-c45c-f5920c578748-564e3801 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ef00d2cc-ad90-aada-fad9-475b3a2a8cb6-564e3801, #w-node-_2f358750-4877-be52-53ee-ee1a4d1ce2d7-564e3801, #w-node-_4a91cf81-13ef-1fbd-931d-13e60bf72a45-564e3801 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_610b228c-7852-bfba-1c70-62a0718c7d5b-564e37f5, #w-node-_6db08185-fbc1-a7d1-1fe2-403334482cf4-564e37f5 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_756e011a-5638-b648-fb86-74a428ad760a-28ad75fe {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-_3b783196-1241-360e-8a67-a5f61d516513-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d516517-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d51651b-564e37f9, #w-node-_3b783196-1241-360e-8a67-a5f61d51651f-564e37f9 {
    grid-column: span 4 / span 4;
  }

  #w-node-_40eda38b-9579-b4e8-f8b9-13c80b1559e0-564e37f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40eda38b-9579-b4e8-f8b9-13c80b1559ec-564e37f9, #w-node-_40eda38b-9579-b4e8-f8b9-13c80b1559ed-564e37f9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b4276374-8454-72f9-4d27-a8f5b590870a-564e3800 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_07318d96-86c0-06d5-c45c-f5920c578748-564e3801, #w-node-_139b1a05-1841-26bb-1c97-907e30cdee63-564e3801 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b4276374-8454-72f9-4d27-a8f5b590870a-564e3800, #w-node-_52a655ce-6376-44dd-8ef0-ecd765598f2a-564e3800, #w-node-_6386e280-2914-3cfa-f09f-b8a712e9657f-564e3800, #w-node-_07318d96-86c0-06d5-c45c-f5920c578748-564e3801, #w-node-_139b1a05-1841-26bb-1c97-907e30cdee63-564e3801 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}


@font-face {
  font-family: 'Bdo Grotesk';
  src: url('../fonts/BDOGrotesk-VF.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}