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

.w-layout-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;
  }
}

.section {
  z-index: 999;
  background-color: #ffffff80;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: sticky;
  top: 0;
}

.section.nonstick {
  position: static;
}

.section.mobile {
  display: none;
}

.navbar {
  min-width: 100%;
  text-shadow: none;
  background-color: #f6ddfd8c;
  margin-top: 0;
}

.name-block {
  color: #000;
  text-shadow: none;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  padding-top: 15px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.nav-menu {
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.brand {
  margin-left: 25px;
  margin-right: 0;
}

.brand.w--current {
  margin-left: 25px;
}

.nav-link {
  color: #000;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.nav-link.w--current {
  color: #000;
  text-underline-offset: 5px;
  text-decoration: underline;
}

.nav-link.portfoliounderline {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.grid-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .75fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
}

.pdf_embed {
  text-align: left;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 70vw;
  margin-top: 40px;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-left: 0;
  display: flex;
  overflow: clip;
}

.div-block {
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding-left: 220px;
  padding-right: 10px;
  display: flex;
}

.headshot-image {
  border-radius: 5px;
  box-shadow: 5px 5px 5px #0003;
}

.heading {
  text-align: right;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: block;
}

.intro-text {
  text-align: right;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: block;
}

.section-2 {
  margin-bottom: 30px;
  padding-bottom: 40px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  margin-top: 40px;
  margin-left: 100px;
  margin-right: 60px;
}

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

.intro-paragraph-text {
  padding-left: 100px;
  padding-right: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.section-3 {
  margin-bottom: 30px;
}

.image-3 {
  border-radius: 5px;
  box-shadow: -5px 5px 5px #0003;
}

.div-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.slider-text {
  text-align: center;
  margin-left: 100px;
  margin-right: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.div-block-4 {
  background-color: #fff0;
  padding-left: 100px;
  padding-right: 100px;
}

.slide {
  color: #fff;
  margin-left: 0;
  padding-right: 0;
}

.section-4 {
  margin-bottom: 0;
}

.slider {
  background-color: #fff;
  width: 1200px;
  height: 480px;
}

.section-5 {
  height: 50px;
  margin-top: 40px;
}

.mask {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  overflow: hidden;
}

.image-4 {
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  margin-top: -200px;
  margin-left: 249px;
}

.icon, .icon-2 {
  color: #575657;
}

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

.image-5 {
  border-radius: 5px;
  margin-top: -131px;
}

.image-6 {
  border-radius: 5px;
  margin-top: -219px;
}

.image-7 {
  margin-top: -114px;
}

.div-block-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10, .image-11 {
  height: 20px;
}

.grid-3 {
  grid-column-gap: 79px;
  grid-row-gap: 100px;
  grid-template-rows: 1fr 1fr auto auto;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  margin-left: 60px;
  margin-right: 60px;
  overflow: hidden;
}

.project-pic {
  aspect-ratio: 3 / 2;
  opacity: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.section-6 {
  margin-top: 40px;
}

.project-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.project-div.mobile {
  display: none;
}

.text-block-2 {
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  position: absolute;
}

.projpage-heading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 400;
  display: flex;
}

.projpage-heading.title {
  font-weight: 500;
}

.section-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: none;
}

.link-block, .link-block-2 {
  text-decoration: none;
}

.link-block-2.w--current {
  text-underline-offset: 5px;
  -webkit-text-decoration: underline #000;
  text-decoration: underline #000;
}

.link-block-3, .link-block-4 {
  text-decoration: none;
}

.div-block-7 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  display: flex;
}

.nav-link-new {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.project-grid {
  grid-template-rows: auto auto auto auto auto;
  margin-left: 100px;
  margin-right: 100px;
}

.overview-heading {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.overview-text {
  outline-offset: 5px;
  text-align: center;
  border-bottom: 1px #fff;
  outline: 2px #f6ddfd;
  margin: 10px 100px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.purp-div {
  background-color: #fbf0ff;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px 20px;
}

.section-8 {
  margin-top: 40px;
  margin-bottom: 60px;
}

.shrink-pic {
  margin-top: 0;
  padding: 40px 100px;
}

.shrink-pic.downshift {
  padding-top: 70px;
}

.shrink-pic.bigshrink {
  padding-left: 200px;
  padding-right: 200px;
}

.shrink-pic.litte-dshift {
  padding-top: 60px;
}

.shrink-pic.supershift {
  padding-top: 150px;
}

.shrink-pic.supershrink {
  padding: 40px 300px 60px;
}

.title-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.purp-text {
  margin: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.section-9 {
  height: 50px;
  margin-top: 40px;
}

.image-21, .image-22 {
  height: 20px;
}

.button {
  color: #333;
  background-color: #f6ddfd;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-right: 30px;
  display: none;
  position: sticky;
  inset: auto 0% 0% 85vw;
  box-shadow: 2px 2px 8px #0003;
}

.introgrid {
  grid-template-rows: auto;
  margin-left: 40px;
  margin-right: 40px;
}

.split-div {
  background-color: #f6ddfd;
  height: 1px;
}

.section-10 {
  display: none;
}

.wiptext {
  color: #ff000075;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 600;
  position: absolute;
}

.body {
  text-shadow: 0 1px 1px #0003;
}

.asidetext {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

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

.adjdiv.doublediv {
  padding-left: 0;
  padding-right: 0;
}

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

.hordiv.doublediv {
  flex-flow: wrap;
}

._40pic {
  max-width: 40%;
  margin-top: 0;
  padding-left: 0;
}

._50pic {
  max-width: 50%;
}

.quadgrid {
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: -175px 100px 40px;
}

.quadgrid.noshift {
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto;
  margin-top: 0;
}

.adjportrait {
  aspect-ratio: 2 / 3;
  max-width: 65%;
}

.middletext {
  text-align: center;
  padding-left: 80px;
  padding-right: 80px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.div-block-8, .div-block-9, .centerdiv {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video {
  width: 70%;
  margin-top: -60px;
  margin-bottom: -60px;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

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

.video-2 {
  width: 30%;
  margin-top: -750px;
  margin-bottom: -750px;
  display: none;
}

@media screen and (max-width: 991px) {
  .section {
    display: none;
  }

  .section.mobile {
    display: block;
  }

  .nav-link {
    background-color: #f6ddfd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .div-block {
    padding-left: 100px;
  }

  .intro-text {
    padding-left: 0;
  }

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

  .slider {
    width: 750px;
  }

  .image-4 {
    margin-top: 26px;
    margin-left: 147px;
  }

  .image-5 {
    margin-top: 55px;
  }

  .image-6 {
    margin-top: 26px;
  }

  .image-7 {
    margin-top: 64px;
  }

  .project-pic {
    opacity: .47;
  }

  .project-div {
    display: none;
  }

  .project-div.mobile {
    display: flex;
  }

  .overview-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-15 {
    margin-top: 60px;
  }

  .shrink-pic {
    padding-left: 40px;
    padding-right: 40px;
  }

  .shrink-pic.bigshrink, .shrink-pic.supershrink {
    padding-left: 100px;
    padding-right: 100px;
  }

  .video {
    margin-top: -30px;
  }

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

  .menu-button {
    border-radius: 0;
  }

  .menu-button.w--open {
    background-color: #f6ddfd;
    border-radius: 0;
  }

  .menu-button-2 {
    background-color: #fff;
  }

  .menu-button-2.w--open, .menu-button-3.w--open {
    background-color: #f6ddfd;
  }

  .div-block-12, .div-block-13 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button-4 {
    background-color: #c8c8c8;
  }

  .menu-button-4.w--open, .menu-button-5.w--open, .menu-button-6.w--open {
    background-color: #f6ddfd;
  }

  .menu-button-7 {
    background-color: #c8c8c8;
  }

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

  .menu-button-8 {
    background-color: #c8c8c8;
  }

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

  .menu-button-9 {
    background-color: #c8c8c8;
  }

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

@media screen and (max-width: 767px) {
  .div-block {
    padding-left: 60px;
  }

  .heading {
    font-size: 35px;
  }

  .grid-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slider {
    width: 550px;
    height: 350px;
  }

  .grid-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .text-block-2 {
    font-size: 30px;
    line-height: 30px;
  }

  .projpage-heading {
    text-align: center;
    line-height: 50px;
  }

  .project-grid {
    margin-left: 40px;
    margin-right: 40px;
  }

  .shrink-pic {
    padding-left: 10px;
    padding-right: 10px;
  }

  .shrink-pic.bigshrink {
    padding-left: 40px;
    padding-right: 40px;
  }

  .shrink-pic.supershrink {
    padding-left: 60px;
    padding-right: 60px;
  }

  .introgrid {
    margin-left: 10px;
    margin-right: 10px;
  }

  .quadgrid {
    margin-left: 20px;
    margin-right: 20px;
  }

  .middletext {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .video {
    margin-top: -20px;
  }

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

  .menu-button-8 {
    background-color: #fff;
  }
}

@media screen and (max-width: 479px) {
  .name-block {
    margin-left: 0;
    padding-top: 14px;
    font-size: 25px;
  }

  .grid-1 {
    grid-template-columns: 1.25fr .75fr;
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block {
    padding-left: 0;
    padding-right: 0;
  }

  .heading {
    font-size: 20px;
  }

  .intro-text, .intro-paragraph-text {
    font-size: 12px;
  }

  .slider-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slider {
    width: 350px;
    height: 250px;
  }

  .image-4 {
    max-width: 90%;
    margin-top: 37px;
    margin-left: 11px;
  }

  .image-5 {
    max-width: 130%;
    margin-top: 1px;
    margin-left: -17px;
  }

  .image-6 {
    max-width: 120%;
    margin-top: 93px;
    margin-left: -8px;
  }

  .image-7 {
    max-width: 130%;
    margin-left: -12px;
  }

  .grid-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .text-block-2 {
    font-size: 20px;
    line-height: 20px;
  }

  .project-grid {
    margin-left: 10px;
    margin-right: 10px;
  }

  .overview-text {
    font-size: 16px;
    line-height: 18px;
  }

  .image-15 {
    max-width: 130%;
    margin-top: 60px;
    margin-left: -16px;
  }

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

  .wiptext {
    font-size: 40px;
    line-height: 60px;
  }

  .asidetext {
    font-size: 14px;
    line-height: 16px;
  }

  .hordiv {
    flex-flow: column;
  }

  .hordiv.doublediv {
    flex-flow: column;
    padding-left: 0;
  }

  ._50pic {
    max-width: 100%;
    overflow: clip;
  }

  .quadgrid {
    grid-template-columns: 20% 20% 20% 20%;
    margin-top: -75px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .middletext {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 16px;
  }

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

  .bold-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slide-2 {
    margin-right: 0;
  }

  .slide-3 {
    margin-top: 61px;
  }

  .menu-button-4, .menu-button-7, .menu-button-9 {
    background-color: #fff;
  }
}

#w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-59fc0f30, #w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-59fc0f30, #w-node-d5415a9b-304d-dbc2-cc0b-1d51ecfb5a66-59fc0f30, #w-node-_86502865-4edc-c5b5-8652-9361cc72d3a0-59fc0f30, #w-node-e06a461c-4c93-681e-d92c-7a0ed669713e-59fc0f30, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-59fc0f30, #w-node-bd57a932-edef-565b-1d0b-681f4784784f-59fc0f30, #w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-08e9e20d, #w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-08e9e20d, #w-node-d5415a9b-304d-dbc2-cc0b-1d51ecfb5a66-08e9e20d, #w-node-_6b4fca2c-f496-7411-e128-b220e6664264-08e9e20d, #w-node-_1c5cb9ab-baec-b7ab-8d76-d540ca9a07c6-08e9e20d, #w-node-_7b7ed96d-a40e-b696-eebb-1a0cc7bb757d-08e9e20d, #w-node-f8c4edf0-3f8d-3433-8ae5-c5247aa3b855-08e9e20d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f73c6872-6fd9-5697-644b-0610e4fa12c5-08e9e20d {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_68e9b84a-4ead-1290-345a-d596e61a152b-08e9e20d, #w-node-_7c904421-6c33-ca10-e376-04861d21412f-08e9e20d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_11d42c3f-a6ba-adc0-5dd9-0d00b998ca90-08e9e20d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11d42c3f-a6ba-adc0-5dd9-0d00b998ca93-08e9e20d, #w-node-_5e956227-26d0-4360-f500-6ea6a9d13f20-08e9e20d, #w-node-_7069c955-7b7c-ae83-09b8-d2c2c1447b6c-08e9e20d, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-08e9e20d, #w-node-bd57a932-edef-565b-1d0b-681f4784784f-08e9e20d, #w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-2be0d967, #w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-2be0d967, #w-node-_86502865-4edc-c5b5-8652-9361cc72d3a0-2be0d967, #w-node-f10fdece-0af3-d5c3-b2b7-00f2a1274008-2be0d967, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-2be0d967, #w-node-bd57a932-edef-565b-1d0b-681f4784784f-2be0d967, #w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-bc5ac7e6, #w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-bc5ac7e6, #w-node-d5415a9b-304d-dbc2-cc0b-1d51ecfb5a66-bc5ac7e6, #w-node-_86502865-4edc-c5b5-8652-9361cc72d3a0-bc5ac7e6, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-bc5ac7e6, #w-node-bd57a932-edef-565b-1d0b-681f4784784f-bc5ac7e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9135064a-aad7-e38d-bd85-6a1303bb43c3-5d4db1be {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto;
}

#w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-5d4db1be {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_92a5693b-9d9d-76ef-26e6-fe4cff6daed9-5d4db1be {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5415a9b-304d-dbc2-cc0b-1d51ecfb5a66-5d4db1be, #w-node-_727e89bc-1950-5cd0-2ddd-c16955d3f404-5d4db1be, #w-node-_86502865-4edc-c5b5-8652-9361cc72d3a0-5d4db1be, #w-node-e06a461c-4c93-681e-d92c-7a0ed669713e-5d4db1be, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-5d4db1be, #w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-5d4db1be {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_21fc623c-7077-459b-c742-52abc6b3d71c-910aae73 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto;
}

#w-node-d455fa3e-42ab-daa9-5099-8c3caa5b973d-910aae73, #w-node-d5415a9b-304d-dbc2-cc0b-1d51ecfb5a66-910aae73, #w-node-_86502865-4edc-c5b5-8652-9361cc72d3a0-910aae73, #w-node-e06a461c-4c93-681e-d92c-7a0ed669713e-910aae73, #w-node-bd57a932-edef-565b-1d0b-681f4784784a-910aae73, #w-node-bd57a932-edef-565b-1d0b-681f4784784f-910aae73 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}


