@font-face {
  font-family: Darby Sans Poster Light;
  src: url('../fonts/DarbySansPoster-Light-Web.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-slate-grey: #858da8;
  --silver: #b4c6c7;
  --paper-white: #f8f8f5;
  --dark-sea-green: #85a894;
  --silver-2: #c7c6b4;
  --dark-grey: #989899;
  --title-white: #ddd;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 20px;
}

h1 {
  color: #000;
  letter-spacing: -.3rem;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Public Sans, sans-serif;
  font-size: 8em;
  font-weight: 300;
  line-height: 1;
}

h2 {
  color: #000;
  text-transform: none;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Public Sans, sans-serif;
  font-size: 6em;
  font-weight: 300;
  line-height: 1;
}

h3 {
  color: #000;
  letter-spacing: -.1rem;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Public Sans, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1.5;
}

h4 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Public Sans, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.5;
}

h5 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Public Sans, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.5;
}

h6 {
  color: #000;
  letter-spacing: -.025rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Public Sans, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 2;
}

p {
  color: #000;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  color: #000;
  border-left: 5px solid #000;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: big-caslon-fb;
  font-size: 1.44em;
  font-style: italic;
  line-height: 1.5;
}

.hamburger-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.burger-line {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.footer {
  z-index: 5;
  text-align: left;
  border-top: 1px #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4rem;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.footer.back-button {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 2rem;
  position: fixed;
}

.text-block-2 {
  color: #000;
  text-transform: uppercase;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.utility-page-wrap {
  text-align: center;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.heading-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next \- Ultra Light;
  font-size: 200px;
  font-weight: 100;
  line-height: 202px;
}

.heading-6 {
  color: #fff;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 48px;
  font-family: big-caslon-fb;
  font-size: 42px;
  font-style: italic;
  font-weight: 400;
}

.contact-section {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  height: auto;
  margin-top: 0;
  line-height: 20px;
  display: flex;
}

.conatact-holder {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 8em;
  padding-right: 8em;
  display: block;
}

.container {
  color: #000;
  width: 100%;
  max-width: 1440px;
  height: auto;
  margin-top: 7em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20em 5em;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.styled-rich-text {
  color: #000;
  text-align: left;
  margin-bottom: 3em;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
}

.styled-rich-text.white {
  color: #fff;
}

.title-i {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  font-family: halyard-display, sans-serif;
  font-size: 8em;
  font-weight: 600;
  line-height: 1;
}

.titleii {
  text-transform: uppercase;
  width: 100%;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 8em;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.titleii:hover {
  color: #000;
}

.titleii.white {
  color: #fff;
  padding-right: 0;
}

.titleii.white.icaa {
  font-size: 6em;
}

.title-iii {
  color: #000;
  font-family: halyard-display, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.3;
}

.paragraph {
  color: #000;
  font-family: halyard-display, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
}

.link {
  opacity: 1;
  color: #000;
  text-align: center;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-top: 16px;
  font-family: halyard-display, sans-serif;
  font-size: .75em;
  font-weight: 600;
  text-decoration: none;
}

.main-body {
  background-color: var(--paper-white);
  font-size: 16px;
}

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

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

.project-category {
  text-align: right;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: halyard-display, sans-serif;
  font-size: .75em;
  font-style: normal;
  font-weight: 600;
}

.project-category.white {
  color: #fff;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.link-in-bio-navbar {
  text-align: center;
  background-color: #0000;
  border-bottom: 1px solid #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-between;
  margin-left: 64px;
  margin-right: 64px;
  padding-top: 32px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-right {
  color: #000;
  text-align: right;
  letter-spacing: 6px;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.nav-link-right.w--current {
  clear: none;
  color: #000;
}

.nav-menu-2 {
  float: none;
  text-align: center;
  border-bottom: 1px solid #000;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding-top: 32px;
  display: flex;
}

.brand {
  text-align: center;
  flex: 1;
  margin-bottom: 24px;
}

.brand.w--current {
  float: none;
  text-align: center;
}

.contact-heading {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.div-block-17 {
  float: none;
  text-align: center;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-left: 64px;
  margin-right: 64px;
  padding-top: 32px;
  display: inline-block;
}

.slide-title {
  text-transform: uppercase;
  margin-left: 2em;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.link-in-logo {
  text-align: left;
  width: 10%;
  margin-bottom: -2px;
  display: none;
}

.desktop-home-image {
  padding-left: 128px;
  padding-right: 128px;
  display: block;
}

.footer-text {
  color: #000;
  letter-spacing: 6px;
  text-transform: uppercase;
  mix-blend-mode: difference;
  font-family: halyard-display, sans-serif;
  font-size: .75em;
  font-weight: 600;
  text-decoration: none;
}

.div-block-19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-social-icon {
  color: #fff;
}

.link-block-9 {
  padding: 16px;
}

.section-6 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.construction {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-family: big-caslon-fb;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.construction-body {
  background-color: #b13737;
  background-image: linear-gradient(#db2227, #d6754a);
}

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

.nav-link-left {
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.nav-link-left.w--current {
  color: #000;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.heading-1 {
  font-family: halyard-display, sans-serif;
  font-size: 4em;
}

.heading-2 {
  text-transform: none;
  font-family: big-caslon-fb;
  font-size: 2em;
  font-style: italic;
  font-weight: 400;
}

.project-header {
  text-align: center;
  background-image: url('../images/rev-library-bg-min.webp');
  background-size: cover;
  align-items: center;
  height: 100vh;
  display: flex;
}

.project-header.crystal-pavilion {
  background-image: url('../images/crystal-bg-min.webp');
  background-position: 50%;
  background-size: cover;
  align-items: center;
}

.project-header._330-north {
  background-image: url('../images/seagram-bg-min.webp');
  background-position: 50%;
  background-size: cover;
  align-items: center;
}

.project-header.wavelength {
  background-image: url('../images/wavelength-bg-min.webp');
  align-items: center;
}

.project-header.common-house {
  background-image: url('../images/common-house-bg-min.webp');
  background-position: 50%;
  background-size: cover;
  align-items: center;
}

.project-header.perish {
  background-image: url('../images/perish-bg1x4K-min.webp'), linear-gradient(to right, #d6754a, #db2227);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  align-items: center;
}

.project-header.icaa {
  background-image: url('../images/summer-studio-bg-min_1.webp');
  background-position: 0 0;
  background-size: cover;
  align-items: flex-end;
}

.project-slide {
  z-index: 3;
  background-color: var(--paper-white);
  text-align: center;
  padding: 16px 0;
  text-decoration: none;
  position: relative;
}

.project-slide.revival {
  height: 100vh;
}

.icaa-main {
  padding-left: 0;
  padding-right: 0;
}

.icaa-column {
  width: 50%;
}

.spacer {
  height: 128px;
}

.project-slide-full-width {
  text-align: center;
}

.project-slide-full-width.crystal-pavilion {
  background-image: url('../images/muralfaded.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.image-17 {
  margin-left: 64px;
}

.quote {
  text-align: center;
  letter-spacing: 0;
  padding-left: 0;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 1.75rem;
  line-height: 1.6;
}

.column-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.columns-2 {
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  display: flex;
}

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

.project-label {
  color: #000;
  text-align: left;
  letter-spacing: 6px;
  text-transform: uppercase;
  padding-bottom: 24px;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.project-label.home {
  margin-bottom: 0;
  padding-bottom: 0;
}

.section-7 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: 64px;
  margin-right: 64px;
  display: flex;
}

.bio-img {
  width: 60%;
}

.column-7 {
  justify-content: center;
  display: flex;
}

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

.columns-3 {
  justify-content: flex-start;
  margin-left: 4em;
  padding-right: 4em;
  display: flex;
}

.bio-link {
  color: #000;
  letter-spacing: 6px;
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.bio-link-block {
  margin-top: 64px;
  display: flex;
}

.text-block-7 {
  font-family: halyard-display, sans-serif;
  font-weight: 300;
  line-height: 2;
}

.bio-link-underline {
  background-color: var(--light-slate-grey);
  background-image: linear-gradient(#85a894, #c7c6b4);
  width: 100%;
  height: 2px;
}

.email-heading {
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 64px;
  font-size: 12px;
  font-weight: 600;
}

.link-in-bio {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.bio-item {
  text-align: left;
  margin-bottom: 48px;
  padding-left: 256px;
  padding-right: 256px;
}

.link-block {
  border: 2px #000;
  border-bottom-width: 1px;
  padding-left: 0;
  text-decoration: none;
  display: block;
}

.link-in-bio-label {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  font-family: big-caslon-fb;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
}

.link-in-bio-label.portfolio {
  background-image: linear-gradient(to right, var(--dark-sea-green), var(--silver-2));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-left: 0;
  font-size: 56px;
}

.link-in-bio-label.contact {
  background-image: linear-gradient(60deg, var(--light-slate-grey), var(--silver));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 8px;
  font-size: 56px;
}

.link-in-bio-label.instagram {
  font-size: 56px;
}

.link-block-inside {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.footer-link-in-bio {
  border-bottom: 1px solid #000;
  margin-bottom: 32px;
  margin-left: 64px;
  margin-right: 64px;
  position: fixed;
  inset: auto 0% 0%;
}

.link-in-full-name {
  padding-left: 256px;
  padding-right: 256px;
}

.track {
  height: 660vw;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  height: 100%;
  display: flex;
}

.item {
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 80vw;
  height: 100vh;
  display: block;
}

.project-title-thumb {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  perspective-origin: 0%;
  transform-origin: 50% 0;
  border-top: 1px solid #35363a;
  grid-template-rows: auto;
  grid-template-columns: 5vw 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vh;
  height: 10vw;
  padding-left: 5vw;
  padding-right: 5vw;
  font-size: 80%;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translate(-50%)rotate(-90deg);
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.caption {
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}

.caption.fade-in-1st {
  letter-spacing: 6px;
  font-family: halyard-display, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.image-cover-shape {
  z-index: 10;
  background-color: var(--paper-white);
  width: 110%;
  height: 110%;
  display: none;
  position: absolute;
  inset: -5% 0% 0% -5%;
}

.work-image-auto-height-mobile {
  z-index: 5;
  width: 100%;
  height: 70vh;
  position: relative;
  overflow: hidden;
}

.image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.item-thumb {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5vw 0 5vw 10vw;
  display: flex;
}

.name-item {
  background-image: url('../images/home-bg-min.webp');
  background-repeat: repeat;
  background-size: cover;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.navbar-2 {
  z-index: 50;
  letter-spacing: .3px;
  text-transform: uppercase;
  mix-blend-mode: difference;
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 100vh;
  height: 5vw;
  padding: 10px 5vw;
  font-size: .625rem;
  font-weight: 400;
  display: flex;
  position: fixed;
  inset: auto auto 46% 0;
  transform: translate(-45%)rotate(-90deg);
}

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

.brand-2 {
  mix-blend-mode: difference;
  width: 10vw;
  min-width: 100px;
  padding: 0;
}

.brand-2.w--current {
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-centered {
  color: #000;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer-link {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  font-family: halyard-display, sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
  transform: rotate(270deg);
}

.footer-dot {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  padding: 24px 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 600;
  display: none;
}

.text-block-8, .text-block-10 {
  color: #fff;
  text-decoration: none;
}

.first-item {
  flex: none;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.image-19 {
  mix-blend-mode: difference;
  display: block;
  transform: rotate(90deg);
}

.div-block-20 {
  padding-left: 128px;
  padding-right: 128px;
}

.project-year {
  text-align: right;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: halyard-display, sans-serif;
  font-size: .75em;
  font-weight: 300;
}

.project-year.white {
  color: #fff;
}

.column-9, .column-10 {
  padding-left: 0;
  padding-right: 0;
}

.mobile-home-image {
  display: none;
}

.resume-section {
  padding-left: 8em;
  padding-right: 2em;
}

.revival-top {
  max-height: 100%;
}

.c-navlinks {
  color: #fff;
  background-color: #5b62b400;
  border-radius: 5px;
  text-decoration: none;
  display: block;
  position: relative;
}

.c-navlinks.flex {
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 0;
  display: flex;
}

.c-side-navmenu {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.c-side-navmenu.portoflio {
  justify-content: center;
  align-items: center;
}

.ci-side-navlinks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  display: flex;
}

.ci-side-navlinks.portfolio {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.c-sidenavbar {
  background-color: #0000;
  display: block;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.c-sidenavbar.homevesion {
  display: none;
}

.c-sidenavbar.homevesion.new {
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

._w-navlinks {
  align-items: stretch;
  display: flex;
}

.side-brand-logo {
  float: none;
  display: inline-block;
}

.c-side-navlink.portfolio {
  display: none;
  transform: rotate(270deg);
}

.c-navlink-text {
  flex: none;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-sidenavbar-container {
  background-color: #0000;
  flex-flow: row-reverse;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.c-sidenavbar-container.portfolio {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 100%;
}

.c-side-brand-logo {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-side-brand-logo.new {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.brand-logo-img {
  width: 32px;
}

.navlink-text {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  white-space: nowrap;
  mix-blend-mode: difference;
  font-family: halyard-display, sans-serif;
  font-size: 10px;
  line-height: 16px;
  position: relative;
  overflow: visible;
}

._w-navlink-text {
  position: relative;
}

.hamburger-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.burger-line-2 {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.back-button {
  justify-content: flex-end;
  display: flex;
}

.back-button-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  text-decoration: none;
  display: flex;
}

.landing-container {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.landing-block {
  grid-row-gap: 0px;
  border: .5px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-8 {
  text-transform: uppercase;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.body-8 {
  font-size: 16px;
}

.image-21 {
  margin-top: 24px;
}

.section-8 {
  height: 100vh;
}

.div-block-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 90vh;
  display: grid;
}

.heading-9 {
  text-align: left;
  letter-spacing: -.6rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 16em;
  font-weight: 100;
  line-height: 75%;
}

.link-block-10 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.link-block-10.w--current {
  border-top: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-10 {
  text-align: center;
  letter-spacing: .1rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Darby Sans Poster Light, sans-serif;
  font-size: 2rem;
  font-weight: 300;
}

.div-block-27 {
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: flex-end;
  height: 10vh;
  display: flex;
}

.background-video {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.background-video.slide {
  border-radius: 4px;
}

.div-block-28 {
  width: 100%;
  height: 100%;
  padding-top: 4rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

.div-block-29 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-23 {
  height: 6rem;
}

.heading-12 {
  font-size: 1.5rem;
}

.link-block-11 {
  position: absolute;
  inset: 0%;
}

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

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

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

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.heading-style-h2 {
  line-height: 1.2;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

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

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.padding-custom3 {
  padding: 3.5rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.spacer-xxhuge.hide-desktop {
  display: none;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.background-color-secondary {
  background-color: #2d62ff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden-2 {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

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

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_heading-header.is-white {
  color: #fff;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-small {
  padding: 1rem;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

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

.pointer-events-auto {
  pointer-events: auto;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.text-weight-medium {
  font-weight: 500;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

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

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

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

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

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

.hide {
  display: none;
}

.heading-style-h1 {
  line-height: 1.1;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

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

.padding-large {
  padding: 3rem;
}

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

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

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

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

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

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

.text-weight-normal {
  font-weight: 400;
}

.padding-custom1 {
  padding: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

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

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.overflow-auto {
  overflow: auto;
}

.text-style-italic {
  font-style: italic;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.margin-xxhuge {
  margin: 12rem;
}

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

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

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

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

.text-color-secondary {
  color: #929292;
}

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

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

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

.background-color-alternate {
  background-color: #fff;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
  padding: 1rem 2.25rem;
  font-family: Public Sans, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.button:hover {
  color: #000;
  background-color: #f4f4f3;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-secondary {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  background-color: #f4f4f3;
  justify-content: center;
  align-items: center;
  font-family: Plus Jakarta Sans, sans-serif;
  text-decoration: none;
  display: flex;
}

.button.is-secondary:hover {
  color: #fff;
  background-color: #000;
}

.button.is-secondary.menu-nav-item {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: .9rem;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.button.is-secondary.menu-nav-item:hover {
  color: #f4f4f3;
  background-color: #000;
}

.button.is-secondary.skill-item.small {
  padding: .75rem 1.75rem;
  font-size: .75rem;
}

.button.is-secondary.relative-z-99 {
  z-index: 99;
  position: relative;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.menu-nav-item:hover {
  color: #000;
  background-color: #f4f4f3;
}

.button.nav-item, .button.full-w-mobile {
  font-family: Plus Jakarta Sans, sans-serif;
}

.button.relative-z99 {
  z-index: 99;
  font-family: Plus Jakarta Sans, sans-serif;
  position: relative;
}

.margin-medium {
  margin: 2rem;
}

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

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

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-custom2 {
  margin: 2.5rem;
}

.nav_button {
  padding: 1rem;
}

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

.padding-medium {
  padding: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

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

.padding-xxlarge {
  padding: 5rem;
}

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

.text-size-large {
  letter-spacing: -.07rem;
  font-family: Public Sans, sans-serif;
  font-size: 1.5rem;
}

.text-size-large.hero {
  font-family: Plus Jakarta Sans, sans-serif;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.padding-xxsmall {
  padding: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

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

.margin-xhuge {
  margin: 8rem;
}

.padding-huge {
  padding: 6rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.padding-tiny {
  padding: .125rem;
}

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

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

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.background-color-tertiary {
  background-color: #dd23bb;
}

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

.text-size-medium._50-width {
  width: 50%;
}

.text-size-medium._50-width.about-paragraph {
  color: #000;
  letter-spacing: -.025rem;
  width: 60%;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.padding-xlarge {
  padding: 4rem;
}

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

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_logo {
  width: 10rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

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

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

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

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

.home_section-hero {
  height: 85vh;
}

.home_hero-section_hero-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: -64px;
  display: flex;
}

.home_hero-section_main-logo {
  width: 100%;
}

.home_hero-section_main-logo.nav {
  height: 1.5rem;
}

.home_hero-section_logo-banner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 20%;
}

.home_section-about {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home_about-section_flex-item-image {
  width: 2.5rem;
  height: 2.5rem;
}

.home_about-section_flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.home_about-section_flex-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.old-portfolio-body-text, .white, .text-color-white {
  color: #fff;
}

.block-quote {
  font-family: nimbus-roman, sans-serif;
}

.home_about-section_text {
  letter-spacing: -.225rem;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.home_about-section-about-wrapper {
  flex-flow: column;
  padding-top: 16rem;
  padding-bottom: 16rem;
  display: flex;
}

.flex.justify-left {
  width: 100%;
  display: flex;
}

.nav-header-logo.new {
  letter-spacing: -.075rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 500;
}

.nav-header-logo.new.hero {
  letter-spacing: -.6rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 7rem;
  line-height: 1;
}

.text-span {
  letter-spacing: -.45rem;
  font-family: nimbus-roman, sans-serif;
  font-size: 7.5rem;
  font-style: italic;
  font-weight: 400;
}

.button-text {
  font-size: .9rem;
  font-weight: 500;
}

.button-text.is-secondary {
  color: #000;
}

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

.home-scroll_img {
  z-index: 99;
  object-fit: cover;
  background-color: #cc0707;
  border-radius: 4px;
  width: 100%;
  height: 60%;
}

.text-size-h1 {
  letter-spacing: -.03em;
  font-size: 4em;
  font-weight: 400;
  line-height: .8;
}

.text-size-h1.project-name {
  letter-spacing: -.25rem;
  font-family: Plus Jakarta Sans, sans-serif;
}

.home-scroll_visual {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.home-scroll_visual.page-padding {
  position: sticky;
  top: 0;
}

.home-scroll_img-list {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-scroll_img-item {
  opacity: 0;
  flex-flow: column;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-scroll_img-wrap {
  width: 30em;
  max-width: 100%;
  height: 40em;
  max-height: 100%;
}

.home-scroll_photo {
  display: none;
}

.home-scroll_section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #154726;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 8rem;
  padding-right: 2rem;
  display: grid;
}

.home-scroll_text-item {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  opacity: .2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.home-scroll_content.page-padding {
  padding-top: 40vh;
  padding-bottom: 50vh;
}

.is-active {
  opacity: 1;
}

.marquee-horizontal {
  z-index: 200;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track-horizontal {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.marquee-text {
  color: #fff;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
}

.marquee-slide {
  background-color: #b90f0f;
  border-radius: 4px;
  width: 400px;
  height: 100%;
}

.marquee-slide.perish {
  background-color: #fff;
  background-image: url('../images/63c99b0ee688423fdac50271_perishheror2_1.webp');
  background-position: 0 0;
  background-size: cover;
  width: 400px;
}

.marquee-slide.homesplits {
  background-color: #fff;
  background-image: url('../images/bg-signup-small_1.webp');
  background-position: 50%;
  background-size: cover;
}

.marquee-slide.perish-pattern {
  background-color: #fff;
  background-image: url('../images/perish-pattern-color_1.webp');
  background-position: 50%;
  background-size: cover;
  width: 300px;
}

.marquee-slide.material-space-logo {
  background-color: #b90f0f00;
}

.marquee-slide.fox-studio {
  background-color: #b90f0f00;
  width: 350px;
}

.marquee-slide.material-space-elevation {
  background-color: #b90f0f00;
  width: 600px;
}

.fixed-link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-right: auto;
  padding: 3rem 1rem 1rem 4rem;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
}

.fixed-link-block.portfolio-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  position: static;
}

.small-fixed-link {
  color: #000;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
}

.small-fixed-link.w--current {
  font-size: 1.1rem;
}

.small-fixed-link.grey {
  color: #0006;
  transition: color .2s;
}

.small-fixed-link.grey:hover {
  color: #000;
}

.tag_section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80vh;
  padding-top: 10rem;
  padding-bottom: 10rem;
  text-decoration: none;
  display: flex;
}

.frame-1238 {
  grid-row-gap: 96px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1238.text-left {
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
}

.text {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

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

.frame-1221 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4rem;
  padding-right: 4rem;
  text-decoration: none;
  display: flex;
}

.frame-1221.left {
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
}

.frame-1233 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1233.work-wrapper, .frame-1233.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.frame-1233.home {
  max-width: 1280px;
}

.frame-1220 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #f68121;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.0008px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.tag-text {
  color: #fff;
  letter-spacing: -.04em;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.tag-text.black {
  color: #000;
}

.frame-1228 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #466881;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.0457px;
  height: 26.0002px;
  text-decoration: none;
  display: flex;
}

.frame-1239 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #1d1d1d;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 10.6887px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-1222 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #f4f4f3;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Public Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.frame-1223 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ff9a00;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.4103px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #232323;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Public Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.frame-1240 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #31a8ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.frame-1227 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #f36;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.frame-1225 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #265787;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 19.5676px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-1226 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ff3e00;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13.3017px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.svelte {
  color: #fff;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Public Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 11.3354px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.javascript-logo-1 {
  object-fit: cover;
}

.frame-1230 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #292929;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.0205px;
  height: 15.8715px;
  text-decoration: none;
  display: flex;
}

.frame-1231 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #91bede;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.7092px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-1232 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #000;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-1241 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #4353ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.vectors-wrapper-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 25.65px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15.5778px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-1235 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #00cfd2;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px .5px #ffffff1f, 0 1px 3px #12121233, 0 -1px #00000014;
}

.frame-1235.azure {
  background-color: #f4f4f3;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15.9582px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.certifications-skills-0 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: nimbus-roman, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.certifications-skills-1 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.certifications-skills-2 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Public Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.certifications-skills-3 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.work-title {
  letter-spacing: -.2rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 3.5rem;
}

.work-title.sub-header {
  letter-spacing: -.17rem;
  font-size: 2.5rem;
  font-weight: 400;
}

.work-description {
  letter-spacing: -.08rem;
  font-family: nimbus-roman, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.25;
}

.work-description.long {
  letter-spacing: -.02rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5;
}

.work-description.medium {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 1.5;
}

.work-description-wrapper {
  padding-left: 6rem;
  padding-right: 6rem;
}

.work-bento-column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: 6px;
  flex-flow: column;
  padding: 8rem 1.5rem;
  display: flex;
}

.work-bento-column.flex-row {
  flex-flow: row;
}

.work-bento-column.flex-row.small-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.work-bento-column.flex-row.small-padding.column {
  flex-flow: column;
}

.work-bento-column.lower {
  padding-bottom: 4rem;
}

.bento-item-img {
  object-fit: cover;
  border-radius: 6px;
  height: 100%;
  display: block;
}

.bento-item-img.landscape {
  width: 100%;
}

.bento-item-img.landscape.fit-image {
  object-fit: contain;
}

.bento-item-img.landscape.ms {
  object-fit: contain;
  background-color: #f4f3ef;
}

.bento-item-img.landscape.ms.website {
  height: auto;
}

.bento-item-img.contain {
  object-fit: contain;
  height: auto;
}

.bento-item-img.square-mobile.padding {
  padding: 6rem;
}

.bento-item-img.square-mobile.ms, .bento-item-img.square-mobile.ms.square {
  object-fit: contain;
}

.bento-item-img.website {
  width: 100%;
  height: auto;
}

.bento-flex {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  display: flex;
}

.bento-flex.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.bento-item {
  border-radius: 6px;
}

.bento-item.landscape {
  height: 50vh;
}

.bento-item._60vh {
  height: 60vh;
}

.bento-item._60vh.mobile-h-auto.padding {
  background-color: #f4f4f3;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6rem;
  display: flex;
}

.bento-item._60vh.mobile-h-auto.padding.website {
  height: auto;
}

.bento-item._60vh.mobile-h-auto.grey {
  background-color: #f4f4f3;
}

.bento-item._60vh.mobile-h-auto.black-border {
  border: 2px solid #000;
  width: 100%;
}

.bento-item._60vh.video {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.bento-item._60vh.video.ms {
  height: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.bento-item._60vh.video.ms.slide {
  background-color: #fff;
}

.services-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.div-block-31 {
  width: 100%;
  height: 2rem;
}

.takeaway-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.takeaway-number {
  color: #0009;
  letter-spacing: 0;
  border: 1.5px solid #0009;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.div-block-94 {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  justify-content: center;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.logo-footer {
  width: auto;
  height: 2rem;
}

.resume-section-heading {
  letter-spacing: -.06rem;
  text-transform: capitalize;
  font-family: nimbus-roman, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
}

.div-block-95 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.video-item {
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.footer-contine {
  margin-left: 0;
  margin-right: 0;
}

.border {
  background-color: #000;
  border-radius: 6px;
}

.button-work-warapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.scroll-item-button-wraper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.scroll-itemtext-description {
  color: #000;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2rem;
}

.div-block-96 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.slider-main_button-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swiper-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.swiper-wrapper.is-slider-main {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-slide {
  width: 60rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.swiper-slide.is-slider-main {
  flex: none;
  width: 33.3333%;
}

.slider-main_button {
  color: #c8dd5e;
  text-align: center;
  border: 2px solid #c8dd5e;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 7.5em;
  height: 3.25em;
  transition: color .2s, background-color .2s;
  display: flex;
}

.slider-main_button:hover {
  color: #1f1f1f;
  background-color: #c8dd5e;
}

.slider-main_button.swiper-next {
  background-color: #000c;
  border: 1px solid #fff6;
  width: 2.25rem;
  height: 2.25rem;
  padding: .5rem;
  box-shadow: 0 2px 5px #0003;
}

.slider-main_button.swiper-next:hover {
  background-color: #0009;
}

.slider-main_button.swiper-prev {
  background-color: #000c;
  border: 1px solid #fff6;
  width: 2.25rem;
  height: 2.25rem;
  padding: .5rem;
}

.slider-main_button.swiper-prev:hover {
  background-color: #0009;
}

.swiper-drag.is-slider-main {
  background-color: #000;
  width: 7em;
  height: 100%;
}

.swiper-drag-wrapper.is-slider-main {
  background-color: #e5e5e5;
  width: 100%;
  height: 3px;
  transition: border-color .2s;
}

.slider-main_bottom-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6rem;
  padding-left: 8rem;
  padding-right: 8rem;
  display: flex;
}

.swiper {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.swiper.is-slider-main {
  z-index: 1;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-padding {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 8rem 1.5rem 4rem;
  display: flex;
}

.page-padding.h-de-overflow {
  overflow: hidden;
}

.slider-main_top-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  display: flex;
}

.heading-13 {
  color: #0a0a0a;
  text-align: center;
  letter-spacing: -5px;
  font-size: 5rem;
  font-weight: 400;
  line-height: .9em;
}

.heading-13.news {
  text-align: left;
  letter-spacing: -.3rem;
  font-size: 4rem;
  font-weight: 400;
}

.swiper-wrapper-2.is-slider-main {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-slide-2.is-slider-main {
  flex: none;
  width: 33.3333%;
}

.container-4 {
  width: 100%;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
}

.swiper-2.is-slider-main {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.page-padding-2 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
}

.button-image {
  width: 1.5rem;
}

.div-block-97 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .link-in-bio-navbar {
    text-align: center;
    flex-flow: column;
    place-content: flex-start space-between;
    align-items: flex-start;
    display: block;
    position: fixed;
  }

  .nav-link-right {
    border: 1px #000;
  }

  .nav-menu-2 {
    text-align: center;
    flex-direction: column;
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .contact-section {
    margin-top: 0;
  }

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

  .titleii.white {
    font-size: 128px;
  }

  .titleii.white.icaa {
    font-size: 8em;
  }

  .title-iii {
    font-size: 3em;
    font-weight: 100;
  }

  .project-category.white {
    margin-bottom: 24px;
  }

  .nav-link-right {
    font-size: 12px;
  }

  .nav-menu-2, .brand {
    flex: 1;
  }

  .slide-title {
    font-size: 2em;
  }

  .desktop-home-image {
    max-width: 70%;
    padding-left: 0;
    padding-right: 0;
  }

  .project-header.perish {
    background-size: cover, auto;
  }

  .project-header.icaa {
    align-items: flex-end;
  }

  .project-slide {
    padding-left: 0;
    padding-right: 0;
  }

  .project-slide.revival {
    height: 100vh;
  }

  .project-slide-full-width.crystal-pavilion {
    font-size: 16px;
  }

  .quote {
    font-size: 1.75rem;
  }

  .columns-2 {
    font-size: 16px;
  }

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

  .link-in-full-name {
    padding-left: 400px;
    padding-right: 400px;
  }

  .item {
    text-align: center;
    display: block;
  }

  .first-item {
    justify-content: center;
  }

  .div-block-20 {
    padding-left: 64px;
    padding-right: 64px;
  }

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

  .revival-top {
    max-height: 100%;
  }

  .c-sidenavbar.homevesion.new {
    position: static;
  }

  .background-video.slide {
    border-radius: 4px;
  }

  .button.is-secondary {
    text-decoration: none;
  }

  .button.is-secondary:hover {
    color: #fff;
    background-color: #000;
  }

  .home_hero-section_hero-content-wrapper {
    margin-top: -64px;
  }

  .home_about-section-about-wrapper {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .nav-header-logo.new {
    letter-spacing: -.075rem;
  }

  .home-scroll_section {
    padding-left: 20rem;
  }

  .fixed-link-block {
    padding-left: 4rem;
  }

  .work-bento-column {
    flex-flow: column;
    display: flex;
  }

  .bento-item-img {
    border-radius: 4px;
  }

  .bento-item-img.square-mobile.ms {
    object-fit: cover;
  }

  .bento-item-img.square-mobile.ms.square {
    width: 100%;
    height: auto;
  }

  .bento-item._60vh.mobile-h-auto.padding, .bento-item._60vh.mobile-h-auto.black-border {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .bento-item._60vh.mobile-h-auto.black-border.ms {
    overflow: hidden;
  }
}

@media screen and (min-width: 1920px) {
  .contact-section {
    align-items: stretch;
    margin-top: 0;
  }

  .conatact-holder {
    place-content: stretch;
    justify-items: stretch;
  }

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

  .styled-rich-text {
    font-size: .75vw;
  }

  .titleii {
    width: 100%;
    height: auto;
  }

  .title-iii {
    font-size: 56px;
  }

  .nav-link-right {
    font-size: .75vw;
  }

  .nav-menu-2 {
    border: 1px #000;
  }

  .div-block-17 {
    display: inline-block;
  }

  .desktop-home-image {
    max-width: 70%;
  }

  .section-6 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-size: 64px;
  }

  .construction {
    color: #000;
    text-align: center;
    text-transform: capitalize;
    font-size: 100px;
    font-style: italic;
    font-weight: 400;
  }

  .project-header.icaa {
    background-image: url('../images/summer-studio-bg-min.webp');
    background-position: 0 0;
    background-size: cover;
    align-items: center;
  }

  .quote {
    font-size: 32px;
  }

  .div-block-26 {
    height: 90vh;
  }

  .heading-9 {
    line-height: 16.8rem;
  }

  .div-block-28 {
    padding-top: 3rem;
  }

  .text-size-medium._50-width.about-paragraph {
    width: 70%;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .home_about-section_flex {
    width: 100%;
  }

  .home_about-section_text {
    white-space: nowrap;
    font-size: 2.5em;
  }

  .home_about-section-about-wrapper {
    padding-top: 20rem;
  }

  .home_about-section-about-wrapper.max-width-large {
    max-width: 56rem;
  }

  .nav-header-logo.new {
    font-size: 1.5em;
  }

  .text-size-h1.project-name {
    font-size: 3em;
  }

  .home-scroll_section {
    padding-left: 28rem;
  }

  .work-description-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .work-header {
    max-width: 1280px;
  }

  .bento-item-img.landscape.ms.website {
    object-fit: cover;
    height: auto;
  }

  .slider-main_button-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
}

@media screen and (max-width: 991px) {
  p {
    font-size: 1rem;
    line-height: 24px;
  }

  .hamburger-wrapper {
    color: #000;
    border: 0 #000;
  }

  .burger-line {
    background-color: #000;
    background-image: linear-gradient(to bottom, var(--light-slate-grey), var(--silver));
    color: #000;
    border: 0 #4a4a4a;
    border-radius: 4px;
    height: 2px;
  }

  .footer {
    width: auto;
    margin-top: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-section {
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .conatact-holder {
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-left: 64px;
    padding-right: 64px;
    display: block;
  }

  .container {
    margin-top: 8em;
    padding: 4em 8em 0;
  }

  .titleii {
    color: #000;
    font-size: 7em;
  }

  .titleii.white {
    font-size: 6em;
  }

  .title-iii {
    font-size: 3em;
    display: block;
  }

  .paragraph {
    font-size: 1em;
    line-height: 24px;
  }

  .main-body {
    background-color: var(--paper-white);
    font-size: 16px;
  }

  .nav-link-right {
    padding-right: 0;
    font-size: 12px;
  }

  .nav-link-right.w--current {
    font-size: 12px;
  }

  .nav-menu-2 {
    background-color: #0000;
  }

  .menu-button {
    width: auto;
  }

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

  .top-hamburger-line {
    background-image: linear-gradient(45deg, var(--light-slate-grey), var(--silver));
    border: 0 #000;
    border-radius: 2px;
    width: 24px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-holder {
    flex-direction: column;
    width: auto;
    display: flex;
  }

  .middle-hamburger-line, .bottom-hamburger-line {
    background-image: linear-gradient(45deg, var(--light-slate-grey), var(--silver));
    border-radius: 2px;
    width: 24px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .contact-heading {
    margin-bottom: 1em;
    font-size: 80px;
  }

  .slide-title {
    text-transform: uppercase;
    margin-left: 0;
    font-size: 2em;
    font-weight: 300;
  }

  .link-in-logo {
    width: 15%;
    display: block;
  }

  .desktop-home-image {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-left.w--current {
    padding-left: 0;
  }

  .heading-2 {
    font-size: 2em;
  }

  .project-header {
    background-size: contain;
  }

  .project-header.crystal-pavilion {
    background-position: 50%;
  }

  .project-header.wavelength {
    background-size: cover;
  }

  .project-header.common-house {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .project-header.perish {
    background-size: contain, auto;
    justify-content: flex-start;
  }

  .project-header.icaa {
    background-size: cover;
    align-items: flex-end;
  }

  .icaa-column {
    width: 100%;
  }

  .image-17 {
    margin-left: 0;
  }

  .quote {
    padding-left: 0;
  }

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

  .columns-2 {
    flex-direction: column;
  }

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

  .project-label {
    font-size: 12px;
  }

  .column-7 {
    display: none;
  }

  .columns-3 {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-block-7 {
    line-height: 2;
  }

  .bio-item {
    padding-left: 64px;
    padding-right: 64px;
  }

  .link-in-bio-label.portfolio, .link-in-bio-label.contact, .link-in-bio-label.instagram {
    font-size: 72px;
  }

  .link-in-full-name {
    padding-left: 64px;
    padding-right: 64px;
  }

  .track {
    height: auto;
    margin-top: -10vw;
  }

  .camera {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .frame {
    flex-direction: column;
  }

  .item {
    text-align: left;
    width: 100vw;
  }

  .project-title-thumb {
    grid-template-columns: .25fr 1fr .5fr;
    width: 100%;
    height: auto;
    padding: 5vw 5vw 0;
    position: relative;
    top: 0;
    transform: none;
  }

  .overflow-hidden {
    margin-left: 0;
  }

  .caption.fade-in-1st {
    color: #000;
    font-size: 12px;
  }

  .work-image-auto-height-mobile {
    height: auto;
    max-height: 100%;
  }

  .item-thumb {
    justify-content: center;
    padding-left: 10em;
    padding-right: 10em;
  }

  .name-item {
    background-size: cover;
    padding-left: 64px;
    padding-right: 64px;
  }

  .navbar-2 {
    width: 100vw;
    height: 10vw;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    inset: 0 0% auto;
    transform: none;
  }

  .brand-2.w--current {
    display: block;
  }

  .horizontal-centered {
    mix-blend-mode: difference;
  }

  .footer-dot {
    color: #fff;
    mix-blend-mode: difference;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .image-19 {
    transform: rotate(0);
  }

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

  .resume-section {
    padding-left: 2em;
  }

  .menu-button-2 {
    width: 48px;
  }

  .menu-button-2.w--open {
    width: 48px;
    height: 24px;
  }

  .icon {
    width: 100px;
    height: 100px;
  }

  .c-navlinks {
    transform: none;
  }

  .c-menu-controls {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .c-menu-controls.new {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .c-side-navmenu {
    z-index: 9;
    text-align: left;
    background-color: #000;
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .ci-side-navlinks {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    opacity: 1;
    mix-blend-mode: normal;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .c-sidenavbar {
    border-bottom: 1px solid #000;
    inset: 0% 0% auto;
  }

  .c-sidenavbar.homevesion {
    display: block;
  }

  .c-sidenavbar.homevesion.new {
    border-bottom-style: none;
    position: fixed;
    overflow: visible;
  }

  .c-side-navlink {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-sidenavbar-container {
    background-color: #0000;
    flex-direction: column;
    align-items: stretch;
  }

  .c-sidenavbar-container.portfolio {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
  }

  .c-side-brand-logo {
    margin-bottom: 0;
  }

  .c-menu-btn.w--open {
    mix-blend-mode: difference;
    background-color: #0000;
  }

  .c-menu-btn.new {
    padding: 0;
  }

  .c-menu-btn.new.w--open {
    z-index: 12;
  }

  .navlink-text {
    color: var(--paper-white);
    font-size: 12px;
  }

  .hamburger-wrapper-2 {
    opacity: 1;
    color: #fff;
  }

  .burger-line-2 {
    color: #1a131c;
    background-color: #000;
    width: 24px;
    height: 2px;
  }

  .landing-container {
    flex-direction: column;
  }

  .landing-block {
    height: 100%;
  }

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

  .heading-9 {
    font-size: 24em;
  }

  .heading-10 {
    font-size: 2rem;
  }

  .div-block-27 {
    border-top: 1px solid #000;
  }

  .div-block-28 {
    height: 50%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-29 {
    height: 50%;
  }

  .div-block-30 {
    display: none;
  }

  .link-block-11 {
    border-top: 1px solid #000;
    position: absolute;
    inset: 0%;
  }

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

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

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xxhuge.hide-desktop {
    display: block;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

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

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .button.is-secondary {
    text-decoration: none;
  }

  .button.is-secondary.menu-nav-item {
    color: #fff;
    font-family: Public Sans, sans-serif;
    font-size: 3rem;
    font-weight: 200;
  }

  .button.is-secondary.skill-item {
    white-space: nowrap;
  }

  .button.is-for-menu {
    font-size: 1rem;
  }

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

  .button.nav-item {
    font-size: 3rem;
    font-weight: 200;
  }

  .margin-medium {
    margin: 1.5rem;
  }

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

  .nav_button {
    color: #fff;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .text-size-large.hero {
    text-align: center;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .margin-huge {
    margin: 5rem;
  }

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

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

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

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

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-xlarge {
    padding: 3rem;
  }

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

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

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

  .home_section-hero {
    height: 95vh;
  }

  .home_hero-section_logo-banner {
    display: none;
    bottom: 30%;
  }

  .home_about-section_flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .home_about-section-about-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-header-logo.new {
    font-size: 1.5rem;
  }

  .nav-header-logo.new.hero {
    text-align: center;
  }

  .text-span {
    font-family: nimbus-roman, sans-serif;
    font-style: italic;
    font-weight: 400;
  }

  .button-text.is-secondary.menu-nav-item-text {
    color: #fff;
  }

  .button-text.menu-nav-item-text {
    font-size: 2.5rem;
    font-weight: 300;
  }

  .lihkgjf {
    z-index: 9;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    display: flex;
    position: relative;
  }

  .text-size-h1 {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 400;
  }

  .text-size-h1.project-name {
    letter-spacing: -.15rem;
    margin-top: .5rem;
    margin-bottom: 0;
    padding-left: .5rem;
    display: none;
  }

  .home-scroll_visual.page-padding {
    display: none;
  }

  .home-scroll_text-list {
    width: 100%;
  }

  .home-scroll_photo {
    object-fit: cover;
    border-radius: 2px;
    width: 100%;
    height: 48em;
    display: block;
  }

  .home-scroll_section {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .home-scroll_text-item {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    opacity: 1;
    background-color: #fff;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 0;
    padding: 1.5rem 0;
  }

  .home-scroll_content.page-padding {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .home-scroll_text-wrap {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }

  .fixed-link-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    padding-top: 6rem;
  }

  .fixed-link-block.portfolio-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 2rem;
    display: none;
  }

  .tag_section {
    padding-top: 10rem;
  }

  .frame-1221 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .work-title {
    letter-spacing: -.3rem;
    padding-left: 0;
  }

  .work-title.sub-header {
    padding-left: 0;
  }

  .work-description-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .work-bento-column {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .work-bento-column.lower {
    padding-bottom: 4rem;
  }

  .bento-item-img.contain-mobile, .bento-item-img.square-mobile {
    object-fit: contain;
  }

  .bento-item-img.square-mobile.ms {
    object-fit: contain;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .bento-flex, .bento-flex.col-mobile {
    flex-flow: column;
  }

  .bento-item._60vh.mobile-h-auto.black-border {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bento-item._60vh.mobile-h-auto.black-border.ms {
    overflow: hidden;
  }

  .bento-item._60vh.video {
    padding: 1rem;
  }

  .bento-item._60vh.video.ms.slide {
    padding-top: 0;
    padding-bottom: 0;
  }

  .services-wrapper {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .takeaway-item {
    padding-left: 0;
    padding-right: 0;
  }

  .video-item {
    border-radius: 6px;
  }

  .button-work-warapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .div-block-96 {
    justify-content: flex-start;
    align-items: center;
  }

  .swiper-wrapper.is-slider-main {
    height: 100%;
  }

  .swiper-slide {
    width: 30rem;
    height: auto;
  }

  .swiper-slide.is-slider-main {
    width: 50%;
    height: 100%;
  }

  .slider-main_bottom-wrapper {
    margin-top: 0;
  }

  .swiper-wrapper-2.is-slider-main {
    height: 100%;
  }

  .swiper-slide-2.is-slider-main {
    width: 50%;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  a {
    color: #fff;
  }

  .footer {
    mix-blend-mode: normal;
    margin-top: auto;
    margin-left: 0;
    margin-right: 8px;
    padding: 40px 0 0;
  }

  .conatact-holder {
    height: auto;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .container {
    height: auto;
    margin-top: 12em;
    padding-top: 4em;
  }

  .title-i, .titleii {
    font-size: 4em;
  }

  .titleii.white.seagram {
    font-size: 5em;
  }

  .title-iii {
    display: block;
  }

  .paragraph {
    font-weight: 400;
  }

  .project-category.white {
    font-size: 12px;
  }

  .link-in-bio-navbar {
    margin-left: 8px;
    margin-right: 8px;
  }

  .nav-link-right {
    font-size: 12px;
  }

  .brand {
    padding-left: 0;
  }

  .contact-heading {
    margin-bottom: 1em;
    font-size: 72px;
  }

  .div-block-19 {
    mix-blend-mode: normal;
  }

  .project-header {
    background-size: contain;
  }

  .project-header.crystal-pavilion, .project-header.wavelength {
    background-size: cover;
  }

  .project-header.perish {
    background-size: contain;
  }

  .project-header.icaa {
    align-items: flex-end;
  }

  .project-slide.revival {
    height: auto;
  }

  .icaa-column {
    width: 100%;
  }

  .project-slide-full-width.crystal-pavilion {
    flex-direction: column;
  }

  .image-17 {
    margin-left: 0;
  }

  .quote {
    padding-left: 0;
  }

  .column-5 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .columns-2 {
    flex-direction: column;
  }

  .column-6 {
    margin-bottom: 32px;
  }

  .project-label {
    font-size: 12px;
  }

  .column-7 {
    display: none;
  }

  .bio-item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .link-in-bio-label.portfolio, .link-in-bio-label.contact, .link-in-bio-label.instagram {
    font-size: 72px;
  }

  .footer-link-in-bio {
    margin-left: 8px;
    margin-right: 8px;
  }

  .track {
    margin-top: -15vw;
  }

  .project-title-thumb {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 20px 1fr .25fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-between;
    align-items: center;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
  }

  .overflow-hidden {
    flex: 0 auto;
    display: block;
  }

  .caption.fade-in-1st {
    font-size: 12px;
    display: block;
  }

  .work-image-auto-height-mobile {
    overflow: hidden;
  }

  .item-thumb {
    padding-left: 2em;
    padding-right: 2em;
  }

  .navbar-2 {
    justify-content: center;
    height: auto;
    min-height: 80px;
    padding-left: 25px;
    padding-right: 25px;
    transform: none;
  }

  .brand-2.w--current {
    display: block;
  }

  .div-block-20 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .mobile-home-image {
    display: none;
  }

  .text-block-11, .text-block-12 {
    color: #000;
  }

  .c-menu-controls {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .c-menu-controls.new {
    justify-content: space-between;
    align-items: center;
  }

  .c-side-navmenu {
    padding: 10px;
    display: block;
  }

  .c-sidenavbar {
    position: fixed;
    inset: 0% 0% auto;
  }

  .c-sidenavbar.homevesion.new {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .side-brand-logo.w--current {
    padding-left: 0;
  }

  .c-sidenavbar-container {
    display: block;
  }

  .c-sidenavbar-container.portfolio {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .c-side-brand-logo {
    flex: 1;
    margin-bottom: 0;
  }

  .c-menu-btn {
    float: none;
    border-radius: 10px;
    transition: all .35s;
  }

  .c-menu-btn.w--open {
    background-color: #0000;
    border-color: #ffffffbf;
  }

  .navlink-text {
    font-size: 12px;
  }

  .heading-10 {
    font-size: 2rem;
  }

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

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

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

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

  .heading-style-h6 {
    font-size: .75rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

  .margin-large {
    margin: 1.5rem;
  }

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

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

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

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

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

  .text-size-large.hero {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

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

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

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

  .text-size-medium._50-width.about-paragraph {
    width: 100%;
  }

  .padding-xlarge {
    padding: 2rem;
  }

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

  .spacer-large {
    padding-top: 1.5rem;
  }

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

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

  .home_hero-section_logo-banner {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: start;
    margin-left: 2rem;
    margin-right: 2rem;
    display: none;
    bottom: 30%;
  }

  .home_section-about {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .home_about-section_flex {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .home_about-section_text {
    letter-spacing: -.21rem;
  }

  .text-size-h1 {
    width: 100%;
  }

  .text-size-h1.project-name {
    letter-spacing: -.1rem;
    font-size: 1.5rem;
  }

  .home-scroll_text-item {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .fixed-link-block {
    padding-left: 1rem;
  }

  .tag_section {
    height: auto;
  }

  .work-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .work-bento-column {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .bento-item-img.square-mobile {
    width: 100%;
    height: 100%;
  }

  .bento-item._60vh.mobile-h-auto {
    width: 50%;
    height: auto;
  }

  .bento-item._60vh.mobile-h-auto.padding {
    padding: 2rem;
  }

  .button-work-warapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .slider-main_button-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .swiper-slide.is-slider-main {
    width: 100%;
  }

  .slider-main_button.swiper-prev {
    width: 3.255em;
    height: 3.25em;
  }

  .slider-main_button.swiper-next, .slider-main_button.swiper-prev {
    width: 2.25rem;
    height: 2.25rem;
  }

  .slider-main_bottom-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .page-padding.h-de-overflow {
    overflow: hidden;
  }

  .swiper-slide-2.is-slider-main {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h6 {
    text-transform: uppercase;
  }

  p {
    line-height: 1.44;
  }

  .hamburger-wrapper {
    color: #4a4a4a;
  }

  .burger-line {
    border-style: none;
  }

  .footer {
    text-align: left;
    align-items: flex-start;
    margin-top: 0;
    margin-left: 0;
    padding: 16px 0;
    position: static;
  }

  .footer.back-button {
    display: block;
    position: fixed;
  }

  .text-block-2 {
    text-align: center;
    line-height: 22px;
  }

  .heading-5 {
    font-size: 128px;
    line-height: 130px;
  }

  .heading-6 {
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: Avenir Next \- Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
  }

  .contact-section {
    width: auto;
    height: auto;
    margin-top: 0;
  }

  .conatact-holder {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .container {
    height: auto;
    margin-top: 18em;
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .title-i {
    font-size: 4em;
  }

  .titleii {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 4em;
  }

  .titleii.wavelength {
    font-size: 3em;
  }

  .titleii.white {
    font-size: 4em;
  }

  .titleii.white.seagram {
    font-size: 3em;
  }

  .titleii.white.icaa {
    font-size: 4em;
  }

  .main-body {
    background-color: var(--paper-white);
  }

  .project-category.white {
    margin-bottom: 24px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .nav-link-right {
    font-size: 12px;
  }

  .menu-button {
    padding-top: 24px;
  }

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

  .brand {
    padding-left: 0;
  }

  .contact-heading {
    margin-bottom: 1em;
    font-size: 48px;
  }

  .link-in-logo {
    width: 30%;
  }

  .desktop-home-image {
    display: none;
  }

  .footer-text {
    letter-spacing: 5px;
    font-size: .75em;
  }

  .div-block-19 {
    color: #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .link-block-9 {
    padding: 8px;
  }

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

  .project-header {
    background-size: contain;
  }

  .project-header.crystal-pavilion {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .project-header.wavelength {
    background-size: cover;
  }

  .project-header.perish {
    background-size: contain;
  }

  .project-header.icaa {
    height: 120vh;
  }

  .project-slide {
    padding-left: 8px;
    padding-right: 8px;
  }

  .icaa-column {
    width: 100%;
  }

  .quote {
    text-align: center;
    line-height: 1.5;
  }

  .column-5 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .column-6 {
    margin-bottom: .5em;
  }

  .project-label {
    font-size: 12px;
  }

  .bio-item {
    text-align: center;
    margin-bottom: 48px;
    margin-left: 32px;
    margin-right: 32px;
  }

  .link-block {
    text-align: center;
    display: block;
  }

  .link-in-bio-label.portfolio {
    background-image: linear-gradient(270deg, var(--silver-2), var(--dark-sea-green));
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 8px;
    font-size: 48px;
  }

  .link-in-bio-label.contact {
    background-image: linear-gradient(82deg, var(--light-slate-grey), var(--silver));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 48px;
  }

  .link-in-bio-label.instagram {
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 48px;
  }

  .link-block-inside {
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: block;
  }

  .link-in-full-name {
    padding-left: 16px;
    padding-right: 18px;
  }

  .track {
    margin-top: -50vw;
  }

  .item {
    display: block;
  }

  .project-title-thumb {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: .25fr;
  }

  .caption.fade-in-1st {
    font-size: 12px;
  }

  .work-image-auto-height-mobile {
    overflow: hidden;
  }

  .image {
    width: 100%;
  }

  .item-thumb {
    padding-left: .5em;
    padding-right: .5em;
  }

  .name-item {
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 8px;
    padding-right: 8px;
  }

  .navbar-2 {
    text-align: left;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .navbar-container {
    text-align: center;
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
  }

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

  .brand-2.w--current {
    flex: 0 auto;
    justify-content: flex-start;
    width: 10vw;
    min-width: 0;
    display: block;
  }

  .horizontal-centered {
    flex: 0 auto;
    justify-content: space-around;
    padding-top: 16px;
  }

  .footer-link {
    font-size: 12px;
  }

  .footer-dot {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-8, .text-block-10 {
    font-size: 10px;
  }

  .first-item {
    height: 110vh;
  }

  .div-block-20 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .project-year.white {
    margin-top: 24px;
  }

  .mobile-home-image {
    display: block;
  }

  .resume-section {
    padding-left: .5em;
    padding-right: .5em;
  }

  .text-block-11, .text-block-12 {
    color: #000;
  }

  .c-menu-controls.new {
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .c-sidenavbar {
    background-color: #0000;
  }

  .c-sidenavbar.homevesion.new {
    padding-left: 0;
    padding-right: 0;
  }

  .side-brand-logo.w--current {
    padding-left: 0;
    display: flex;
  }

  .c-sidenavbar-container {
    background-color: #0000;
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-sidenavbar-container.portfolio {
    padding: 1rem 0 1rem 1rem;
  }

  .c-side-brand-logo {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-side-brand-logo.new {
    display: flex;
  }

  .c-menu-btn.new {
    margin-right: 0;
  }

  .navlink-text {
    font-size: 12px;
  }

  .heading-8 {
    font-size: 1.5em;
  }

  .heading-9 {
    letter-spacing: -.2rem;
    font-size: 24em;
    line-height: 80%;
  }

  .heading-10 {
    font-size: 1.5rem;
  }

  .div-block-29 {
    justify-content: flex-end;
    align-items: flex-start;
    height: 70%;
  }

  .image-23 {
    height: 4rem;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .button.is-secondary.menu-nav-item {
    font-family: Public Sans, sans-serif;
    font-size: 2rem;
  }

  .button.nav-item {
    font-size: 2rem;
  }

  .button.full-w-mobile {
    width: 100%;
  }

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

  .text-size-large.hero {
    text-align: center;
  }

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

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

  .hide-mobile-portrait {
    display: none;
  }

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

  .text-size-medium._50-width.about-paragraph {
    text-align: left;
  }

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

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

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

  .home_section-hero {
    height: 90vh;
  }

  .home_hero-section_main-logo.nav {
    width: auto;
  }

  .home_hero-section_logo-banner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-items: center stretch;
    margin-left: 1rem;
    margin-right: 1rem;
    display: none;
    bottom: 30%;
  }

  .home_section-about {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .home_about-section_flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    margin-top: 1rem;
  }

  .home_about-section_text {
    letter-spacing: -.19rem;
    font-size: 2.25rem;
  }

  .home_about-section-about-wrapper {
    padding: 8rem 0;
  }

  .nav-header-logo.new {
    font-size: 1.25rem;
  }

  .nav-header-logo.new.hero {
    letter-spacing: -.4rem;
    font-size: 4rem;
  }

  .text-span {
    letter-spacing: -.25rem;
    font-size: 4.5rem;
  }

  .button-text.menu-nav-item-text {
    font-size: 2rem;
  }

  .lihkgjf {
    justify-content: center;
    align-items: flex-start;
    height: 70%;
  }

  .text-size-h1 {
    font-size: 1.5rem;
  }

  .text-size-h1.project-name {
    letter-spacing: -.075rem;
    font-size: 1.35rem;
  }

  .home-scroll_photo {
    border-radius: 2px;
  }

  .home-scroll_text-item {
    border-radius: 4px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
    padding: 1rem 0;
  }

  .home-scroll_content.page-padding {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .home-scroll_text-wrap {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .fixed-link-block {
    padding-top: 5rem;
    padding-left: 0;
  }

  .fixed-link-block.portfolio-block {
    flex-flow: wrap;
  }

  .tag_section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .text {
    font-size: 2rem;
  }

  .frame-1221 {
    padding-left: 0;
    padding-right: 0;
  }

  .certifications-skills-0 {
    font-size: 2rem;
  }

  .certifications-skills-2 {
    font-family: Public Sans, sans-serif;
    font-size: 2rem;
  }

  .certifications-skills-3 {
    font-size: 2rem;
  }

  .work-title {
    padding-left: 0;
  }

  .work-description {
    font-size: 1.5rem;
  }

  .work-description.medium {
    margin-top: 0;
  }

  .work-description-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .work-header, .work-bento-column {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .work-bento-column.lower {
    padding-bottom: 4rem;
  }

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

  .bento-item._60vh.mobile-h-auto {
    width: 100%;
  }

  .bento-item._60vh.video.ms.slide {
    border-radius: 4px;
  }

  .takeaway-item {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .border {
    border-radius: 2px;
  }

  .slider-main_button-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .swiper-slide {
    width: 20rem;
    padding-left: 0;
  }

  .slider-main_bottom-wrapper {
    margin-top: 2rem;
  }

  .page-padding.h-de-overflow {
    overflow: hidden;
  }

  .slider-main_top-wrapper {
    padding-bottom: 1em;
  }

  .heading-13 {
    text-align: left;
    letter-spacing: -3px;
    width: 100%;
    font-size: 4.5em;
    line-height: 1em;
  }

  .heading-13.news {
    letter-spacing: -3px;
    font-size: 3rem;
  }

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

#w-node-_4a63009b-337c-1523-c6f3-de7b7945c1ed-7d92725c {
  grid-area: 1 / 1 / 5 / 2;
  align-self: auto;
}

#w-node-_3b7ce25b-aa69-2cd8-e705-24cc9a0ac469-2485bde8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_3b7ce25b-aa69-2cd8-e705-24cc9a0ac46a-2485bde8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f683c214-156f-0dd5-99bc-9a08ebedb1f5-2485bde8, #w-node-_44a638fa-77f3-d128-f1b1-a2351589f040-2485bde8, #w-node-_43291281-e38e-d145-4c3e-6e0b663df3af-2485bde8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75465-872f699b, #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75468-872f699b, #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d7546b-872f699b, #w-node-_7af3e939-8dca-4e04-8358-79245659d789-872f699b, #w-node-_7af3e939-8dca-4e04-8358-79245659d78c-872f699b, #w-node-_7af3e939-8dca-4e04-8358-79245659d78f-872f699b, #w-node-e3059aa7-8619-10a8-d18f-856a155ee069-872f699b, #w-node-e3059aa7-8619-10a8-d18f-856a155ee06c-872f699b, #w-node-e3059aa7-8619-10a8-d18f-856a155ee06f-872f699b, #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d3-872f699b, #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d6-872f699b, #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d9-872f699b, #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a29-872f699b, #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2c-872f699b, #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2f-872f699b, #w-node-_3caa366e-8be1-d267-743e-0d91f818ebc7-872f699b, #w-node-_3caa366e-8be1-d267-743e-0d91f818ebca-872f699b, #w-node-_3caa366e-8be1-d267-743e-0d91f818ebcd-872f699b, #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b20-872f699b, #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b23-872f699b, #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b26-872f699b {
  align-self: center;
}

#w-node-_1a7b10e2-f5c9-c4c4-46e2-c08533beef65-be6069bd, #w-node-_1a7b10e2-f5c9-c4c4-46e2-c08533beef7a-be6069bd, #w-node-_59333292-70bd-3bf1-7422-1b657fdd88e3-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8902-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8907-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd890c-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8911-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8917-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd891d-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8923-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8a05-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8a0d-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8a24-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8a3d-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8a40-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8a42-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8a45-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8a95-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8a9f-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8aa0-2ef0ab05, #w-node-_230d69ad-0509-ffbb-5092-8a85d08b971e-2ef0ab05, #w-node-_230d69ad-0509-ffbb-5092-8a85d08b971f-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8b12-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b17-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b1c-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b21-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b26-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b2b-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b35-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b3a-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b3f-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b44-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b49-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b4e-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b53-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b58-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b5d-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b62-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b67-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8b6b-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8b6c-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b71-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b76-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b7b-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b8f-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b94-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b99-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8b9e-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8ba3-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8ba8-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bb2-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bb7-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bbc-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bc1-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bc6-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bcb-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bd0-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bd5-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bda-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bdf-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8be4-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8be8-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8be9-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bee-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bf3-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8bf8-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c09-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c0e-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c13-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c18-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c1d-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c22-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c27-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c2c-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c31-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8c36-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8c3a-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8c3b-2ef0ab05 {
  justify-self: start;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8c3e-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8cbf-2ef0ab05, #w-node-_59333292-70bd-3bf1-7422-1b657fdd8cec-2ef0ab05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59333292-70bd-3bf1-7422-1b657fdd8d2a-2ef0ab05 {
  justify-self: start;
}

@media screen and (min-width: 1920px) {
  #w-node-_4a63009b-337c-1523-c6f3-de7b7945c1ed-7d92725c {
    place-self: center start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4a63009b-337c-1523-c6f3-de7b7945c1ed-7d92725c {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center start;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75465-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75468-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d7546b-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d789-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d78c-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d78f-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee069-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee06c-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee06f-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d3-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d6-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d9-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a29-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2c-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2f-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebc7-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebca-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebcd-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b20-872f699b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b23-872f699b {
    grid-area: 1 / 2 / 2 / 2;
    align-self: start;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b26-872f699b {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4a63009b-337c-1523-c6f3-de7b7945c1ed-7d92725c {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center start;
  }

  #w-node-f683c214-156f-0dd5-99bc-9a08ebedb1f5-2485bde8, #w-node-_44a638fa-77f3-d128-f1b1-a2351589f040-2485bde8, #w-node-_43291281-e38e-d145-4c3e-6e0b663df3af-2485bde8 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75465-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d75468-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_261274fc-b94a-3d4c-7f74-ba06d3d7546b-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d789-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d78c-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7af3e939-8dca-4e04-8358-79245659d78f-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee069-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee06c-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e3059aa7-8619-10a8-d18f-856a155ee06f-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d3-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d6-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_8fc4d671-7c32-5c72-025a-0bdfc93271d9-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a29-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2c-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_8bbede90-9b32-e820-9d2c-e33f6f872a2f-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebc7-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebca-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_3caa366e-8be1-d267-743e-0d91f818ebcd-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b20-872f699b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b23-872f699b {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0567a34b-4ff1-2f71-57a6-d83d0a9b6b26-872f699b {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }
}


@font-face {
  font-family: 'Darby Sans Poster Light';
  src: url('../fonts/DarbySansPoster-Light-Web.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}