:root {
  --white: white;
  --back_primary: #2e2d2d;
  --dodger-blue: #285deb;
  --black: black;
  --primary_light-hero-cards: #bababa;
  --comp2: #968d75;
  --card-background-off-grey: #3b3b3b;
  --gray1: #dee0e3;
  --light-grey-ph: #ececec;
  --grey2: #e3e2de;
}

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

body {
  color: #fff;
  background-color: #232323;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
  font-size: 20px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
  font-size: 16px;
}

img {
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  text-align: center;
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.container-primary {
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.container-primary.toppad20 {
  margin-top: 20px;
}

.container-primary._0_pad {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-jumbo {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  line-height: 50px;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-light {
  opacity: .6;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  line-height: 40px;
  overflow: auto;
}

.section {
  background-color: var(--white);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.section.cc-contact {
  background-color: var(--back_primary);
  margin-top: 40px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.section.padded {
  margin-top: 20px;
  margin-bottom: 20px;
}

.section.featured-work {
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.button {
  background-color: var(--dodger-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 12px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.navigation-item {
  opacity: .6;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
  color: #fff;
  background-color: #7c7c7cc4;
  border-radius: 10px;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #fff;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

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

.navigation {
  background-color: #0000;
  align-items: center;
  padding: 30px 20px;
  display: flex;
}

.navigation:hover {
  border-radius: 10px;
}

.logo-image {
  display: block;
}

.navigation-wrap {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.work-experience-grid {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 2fr 2fr 2fr;
  grid-auto-columns: minmax(0, 0fr);
  margin-bottom: 0;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact {
  padding-top: 40px;
  padding-bottom: 40px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 40px 50px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.footer-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.body {
  background-color: var(--back_primary);
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
}

.image {
  width: 50px;
  height: 50px;
  margin-top: 0;
}

.ph-button {
  background-color: var(--dodger-blue);
  text-align: center;
  border-radius: 45px;
  min-width: 100px;
  max-width: 200px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
}

.ph-button:hover {
  color: #fff;
  font-size: 18px;
}

.ph-button.case-study {
  margin-top: 10px;
  margin-right: 20px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
}

.image-work-tile {
  text-align: center;
  border-radius: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-3 {
  min-height: 0;
}

.image-4 {
  max-height: 460px;
}

.image-5 {
  max-height: 460px;
  display: inline;
}

.image-6, .image-7 {
  max-height: 460px;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: start;
  place-items: start;
  max-width: 450px;
  margin-top: 0;
  padding-right: 0;
  display: grid;
}

.list-item {
  color: var(--black);
  max-width: 66ch;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Poppins, sans-serif;
  line-height: 1.5;
  list-style-type: disc;
}

.image-8 {
  border-radius: 90%;
  max-width: 250px;
  margin-top: 0;
  margin-bottom: 0;
}

.list {
  max-width: 650px;
  margin: 0 0 16px;
  padding-left: 32px;
  line-height: 20px;
}

.list.grid40pad {
  padding-right: 20px;
}

.heading {
  letter-spacing: normal;
  margin-top: 40px;
  padding-right: 100px;
  font-size: 64px;
  font-weight: 700;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 24px;
  font-weight: 700;
}

.subtitle-big-copy {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 60px;
  font-size: 24px;
}

.subtitle-big-copy.gray {
  color: var(--primary_light-hero-cards);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 25px;
  overflow: visible;
}

.subtitle-big-copy.gray.cards {
  padding-top: 6px;
  padding-bottom: 6px;
}

.subtitle-big-copy.top_20 {
  margin-top: 20px;
}

.type-strong-copy {
  text-align: left;
  background-color: #9c9c9c;
  max-width: 500px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.paragraph {
  max-width: 550px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.paragraph.cards {
  padding-right: 20px;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  margin-top: 40px;
  margin-bottom: 20px;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  padding-top: 0;
}

.div-block-5 {
  margin-top: 0;
  padding-left: 20px;
}

.image-transition {
  opacity: 1;
  object-fit: fill;
  background-image: linear-gradient(#ffffff80 100%, #000), url('../images/prototyping-background-image.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  min-height: 150px;
  display: block;
  position: relative;
}

.image-transition.process, .image-transition.final-thoughts, .image-transition.prototype, .image-transition.contact-me {
  background-color: var(--comp2);
  background-image: none;
}

.heading-centered {
  z-index: auto;
  color: var(--white);
  text-align: center;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 0;
  font-size: 42px;
  font-weight: 400;
  position: absolute;
  inset: 0% 0% 0;
}

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

.gridph._7_wide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.gridph._6_wide {
  background-color: #0000;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gridph._4_wide {
  background-color: #0000;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-6 {
  margin-left: 20px;
  margin-right: 20px;
}

.section-6.zero_pad {
  margin-left: 0;
  margin-right: 0;
}

.image-15 {
  text-align: center;
  margin-top: 0;
}

.image-16 {
  background-color: var(--white);
  width: 100%;
}

.image-19 {
  background-color: var(--white);
}

.grid_hp_mockups {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 20px;
}

.image-20 {
  border-radius: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-10 {
  padding-right: 10px;
}

.div-featured-work-cards {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.div-featured-work-cards.bottom-switchwrap {
  background-color: var(--card-background-off-grey);
  border-radius: 20px;
  grid-template-columns: 2fr 1fr;
  margin-top: 40px;
  padding-bottom: 0;
}

.div-featured-work-cards.top {
  grid-row-gap: 0px;
  background-color: var(--card-background-off-grey);
  border-radius: 20px;
  grid-template-columns: 1fr 2fr;
  grid-auto-flow: row;
  padding-bottom: 0;
}

.contact-container {
  max-width: 960px;
  margin-bottom: 60px;
  padding-top: 40px;
  padding-right: 0;
}

.image-21 {
  margin-top: 0;
  margin-bottom: 0;
}

.image-22 {
  background-image: url('../images/habit-pie-hero-2.png');
  background-position: 0 0;
  background-size: auto;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.image-22:hover {
  background-size: 480px;
}

.div-card-featured-work {
  padding: 0 60px 40px;
}

.div-card-featured-work.right {
  padding-top: 0;
  padding-left: 60px;
}

.h2 {
  color: var(--back_primary);
  flex: 0 auto;
  align-self: auto;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}

.image-23 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.body-3 {
  background-color: var(--back_primary);
}

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

.grid-11 {
  grid-template-rows: auto;
}

.div-block-12 {
  padding-top: 60px;
  padding-left: 0;
}

._4card-div {
  padding-right: 40px;
}

.body-4 {
  background-color: var(--back_primary);
}

.grid_40_pad_top {
  grid-column-gap: 63px;
  grid-template-rows: auto auto auto auto;
  margin-top: 40px;
}

.grid-13 {
  grid-template-rows: auto auto auto;
}

.list-item-2 {
  margin-bottom: 0;
  line-height: 28px;
}

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

.grid-15 {
  grid-template-rows: auto auto;
}

.grid-16 {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.image_section_span, .hp_mockup_image {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-18 {
  grid-template-rows: auto;
}

.form-block {
  min-width: 200px;
  max-width: 860px;
}

.block-quote {
  color: var(--back_primary);
  text-align: left;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

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

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

.body-5 {
  background-color: var(--back_primary);
}

.image-27 {
  width: 100%;
  max-width: 200px;
}

.div-block-13 {
  max-width: 250px;
}

.hero-section {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url('../images/PH-Hero-sized.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  justify-content: center;
  min-width: auto;
  max-width: none;
  height: 600px;
  min-height: auto;
  max-height: none;
  display: flex;
  overflow: visible;
}

.hero-container {
  flex: 1;
}

.nav-bar {
  justify-content: space-between;
  display: flex;
}

.nav-item {
  color: #fff;
  margin: 0;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.nav-item.button {
  text-transform: none;
  background-color: #fff0;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 0;
  margin-left: 16px;
  padding: 8px 16px;
}

.nav-links {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-content-div {
  flex-direction: column;
  display: flex;
}

.headshot-hi-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
  display: flex;
}

.headshot-ph {
  border-radius: 90px;
  margin-top: 0;
  margin-bottom: 0;
}

.hero-heading {
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 16px;
  font-size: 48px;
  line-height: 1.2;
}

.div-hero-bullet-sub-text {
  align-self: flex-start;
  padding-left: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hero-bullets-div {
  display: flex;
}

.div-hero-icon-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  height: 30px;
  padding-left: 8px;
  display: flex;
}

.hero-bullets {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 500px;
  padding-top: 8px;
}

.image-29 {
  border: 2px solid #fff;
  border-radius: 90px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.body_ph {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  font-family: Poppins, sans-serif;
  display: flex;
}

.work-section {
  object-fit: fill;
}

.heading-jumbo-ph {
  float: none;
  clear: none;
  color: #737373;
  text-align: center;
  object-fit: contain;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-right: 0;
  font-size: 64px;
  font-weight: 900;
  line-height: 1.2;
  display: block;
  position: static;
}

.jumbo-sub-text {
  color: #797979;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  top: -16px;
}

.container {
  flex-direction: column;
  margin-bottom: 0;
  padding-top: 72px;
  display: flex;
}

.project-card-div {
  background-color: #266f7c;
  border-radius: 8px;
  justify-content: space-between;
  height: 400px;
  max-height: 400px;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.project-card-div.dr-hart {
  background-color: #397be9;
  justify-content: flex-start;
}

.project-card-div.habit-pie {
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  overflow: hidden;
}

.project-card-div.batch-gains {
  background-color: var(--comp2);
  overflow: hidden;
}

.project-card-non-image {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: contain;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 35%;
  max-width: 300px;
  padding: 60px 0 60px 78px;
  display: flex;
  overflow: visible;
}

.project-card-non-image.right {
  grid-row-gap: 0px;
  flex: none;
  width: 38.2%;
  max-width: none;
  padding-left: 0;
  padding-right: 64px;
}

.project-card-non-image.left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 38.2%;
  min-width: 38.2%;
  max-width: none;
  padding: 64px;
}

.project-card-subtext {
  color: #fff;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 1.5;
}

.case-study-button {
  border-radius: 8px;
  margin-top: 8px;
  padding: 16px;
  font-weight: 500;
  line-height: 1;
}

.project-card-image-div {
  object-fit: fill;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 61.8%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.image-habit-pie-card {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 16%;
  background-clip: padding-box;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}

.image-habit-pie-card.hp_image {
  padding-left: 0;
  padding-right: 60px;
  overflow: visible;
}

.image-habit-pie-card.hp_image.habit-pie {
  width: auto;
  padding-left: 0;
  padding-right: 16px;
  top: .5vh;
}

.button_ghost {
  outline-offset: 0px;
  background-color: #0000;
  border-radius: 8px;
  outline: 2px solid #fff;
  margin-top: 8px;
  padding: 14px;
  font-weight: 500;
  line-height: 1;
}

.button-box-div {
  grid-column-gap: 20px;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  justify-content: space-around;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  margin-top: 104px;
  margin-bottom: 104px;
  display: flex;
}

.project-card-h1 {
  object-fit: fill;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  line-height: 1.2;
}

.track-prototype {
  flex-direction: column;
  align-items: center;
  height: 266.667vw;
  display: flex;
  overflow: visible;
}

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

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

.track_bg {
  opacity: 1;
  object-fit: none;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  display: block;
  overflow: hidden;
}

.image_card_bg {
  margin-top: 16px;
  margin-bottom: 16px;
}

.track_hp {
  text-align: left;
  width: 61.8%;
}

.laptop-screenshot-dr-hart {
  object-fit: contain;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px;
}

.grid-21 {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.textarea {
  padding-bottom: 100px;
}

.submit-button {
  margin-top: 10px;
  padding-bottom: 10px;
}

.footer-section {
  object-fit: fill;
  background-color: #1f1f1f;
  margin-top: 80px;
  margin-bottom: auto;
  padding-top: 40px;
  position: static;
  inset: auto 0% 0;
}

.container-3 {
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading-work-together {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.form {
  padding-top: 20px;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.footer-link.w--current {
  line-height: 1.5;
}

.div-block-23 {
  flex-direction: row;
  justify-content: space-around;
  display: flex;
}

.footer-h4 {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.5;
}

.div-block-24, .div-block-25 {
  flex-direction: column;
  display: flex;
}

.div-nav-non-landing {
  object-fit: contain;
  background-color: #1f1f1f;
}

.section-case-study-hero {
  clear: none;
  opacity: 1;
  mix-blend-mode: normal;
  background-image: url('../images/runner16-9.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: space-between;
  align-self: stretch;
  max-width: none;
  min-height: 600px;
  padding-top: 80px;
  display: flex;
}

.image-batchgain-hero {
  flex: 1;
  position: static;
  top: -111px;
}

.h1 {
  color: var(--back_primary);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.h1.white {
  color: var(--white);
  line-height: 1.2;
}

.grid-hp-hero {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  display: grid;
}

.container-case-study-main.centered {
  text-align: center;
}

.div-hero-case-study {
  flex-direction: column;
  margin-top: -220px;
  display: flex;
  position: relative;
}

.div-hero-case-study.batch-gains {
  margin-top: -180px;
}

.margin-vert {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--back_primary);
  object-fit: fill;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  min-height: 50px;
  margin-top: 128px;
  padding-top: 0;
  display: flex;
}

.margin-vert._32 {
  margin-top: 32px;
}

.case-study {
  color: var(--back_primary);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 900;
}

.copy {
  color: var(--black);
  max-width: 66ch;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  line-height: 1.5;
}

.button-hp-proto {
  margin-top: 8px;
  padding: 16px;
  line-height: 1.2;
}

.container-cs-hero-2-3 {
  flex-direction: column;
  padding-right: 460px;
  display: flex;
}

.grid-24 {
  grid-column-gap: 32px;
  padding-top: 80px;
}

.grid-24.bg {
  padding-top: 0;
}

.h3 {
  color: var(--back_primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.h3.comp-titles {
  text-align: center;
  font-size: 20px;
}

.section-transition {
  filter: grayscale(73%);
  background-image: linear-gradient(#fff0 90%, #fff), linear-gradient(#fff, #fff0 10%), url('../images/UX-process-cropped.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  min-height: 500px;
  margin-top: 140px;
}

.section-transition.process {
  opacity: 1;
  filter: grayscale(70%);
  text-align: center;
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#fff0 90%, #fff), linear-gradient(#fff, #fff0 10%), url('../images/UX-process-cropped.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto;
  background-attachment: scroll, scroll, scroll, fixed;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.section-transition.prototype {
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#fff0 90%, #fff), linear-gradient(#fff, #fff0 10%), url('../images/prototype-section.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.section-transition.lessons {
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#fff0 90%, #fff), linear-gradient(#fff, #fff0 10%), url('../images/insights-section-background.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.container-4 {
  align-items: stretch;
  display: flex;
}

.h_section_transition {
  color: var(--white);
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 80px;
  font-weight: 800;
  line-height: 1.5;
}

.type-strong-background {
  color: var(--back_primary);
  object-fit: fill;
  background-color: #b3b3b3;
  flex-wrap: nowrap;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.type-strong-background.swot-heading {
  text-align: left;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.2;
  display: inline-block;
}

.type-strong-background.swot-heading._80_margin {
  margin-top: 80px;
}

.div-block-28 {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.type-subtitle {
  color: var(--back_primary);
  font-size: 24px;
}

.type-subtitle.ll-card {
  padding-bottom: 8px;
  font-weight: 500;
  line-height: 1.5;
}

.grid-25 {
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

.image-client-interview {
  filter: grayscale(80%);
  object-fit: fill;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.section-case-study {
  margin-top: 60px;
}

.grid-swot {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--gray1);
  object-fit: fill;
  grid-template-columns: 1fr 1fr;
  place-content: stretch space-between;
  place-items: stretch stretch;
  height: 100%;
}

.tabs-menu {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  height: auto;
  display: flex;
}

.tab-swot {
  object-fit: fill;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  padding: 20px;
  display: flex;
}

.tab-swot.w--current {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 150px;
  padding: 20px;
  display: flex;
}

.comp-icon-image {
  object-fit: cover;
  border-radius: 15px;
  align-self: center;
  width: 60px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.h4 {
  color: var(--back_primary);
  line-height: 1.5;
}

.div-swot {
  border: 1px none var(--back_primary);
  padding: 0;
}

.tabs {
  background-color: #dee0e3;
  border-radius: 2px;
  flex-direction: row;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.div-comp-logo-and-name {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.tabs-content {
  justify-content: space-between;
  display: block;
}

.tab-pane-swot {
  height: 100%;
  padding-left: 0;
}

.lightbox-link {
  flex-direction: row;
  justify-content: space-around;
  padding: 0;
  display: flex;
}

.image-emma-journey-map {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.image-37 {
  flex: 1;
}

.grid-alex {
  grid-column-gap: 61px;
  background-color: var(--light-grey-ph);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 40px 60px;
}

.grid-jimmy {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: none;
}

.persona-quote {
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 28px;
  font-weight: 500;
}

.user-stories {
  flex-direction: row;
  display: flex;
}

.block-quote-2, .block-quote-3, .block-quote-4 {
  color: var(--back_primary);
  line-height: 1.5;
}

.div-block-30 {
  background-color: #0000;
}

.item_prototype {
  flex: none;
  align-items: center;
  width: 33.3333vw;
  height: 100vh;
  padding: 100px 40px;
  display: flex;
}

.prototype-image {
  width: auto;
}

.typo_hp_h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
}

.typography-line-div {
  grid-row-gap: 4px;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.typo_hp_subtext {
  font-family: Montserrat, sans-serif;
}

.typo_hp_h-alt {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 32px;
}

.typo_hp_h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

.typo_hp_h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.typo_hp_label-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.typo_hp_label-small {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.typo_hp_paragraph {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.typography-div {
  background-color: var(--light-grey-ph);
  padding: 16px;
}

.hp_color_accent-1 {
  background-color: #2d9590;
  flex: 1;
  min-height: 100px;
  display: flex;
}

.hp_color_primary {
  background-color: #f75200;
  flex: 0 auto;
  order: 0;
  min-height: 100px;
  display: flex;
}

.hp_color_accent-2 {
  background-color: #5ee1dc;
  flex: 1;
  min-height: 100px;
  display: flex;
}

.ph_color_background {
  background-color: #323232;
  flex: 1;
  min-height: 100px;
  display: flex;
}

.grid-28 {
  flex: 1;
  grid-template-columns: 1fr;
  align-content: start;
}

.grid-29 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-div-hp-styles {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.hp_cg_divs {
  flex-direction: column;
  display: flex;
}

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

.div-block-32, .list-2, .list-3 {
  color: var(--back_primary);
}

.div-lessons-learned-grid {
  background-color: var(--grey2);
  flex-direction: column;
  display: flex;
}

.image-ll-card {
  filter: grayscale();
  object-fit: cover;
  min-height: 200px;
  max-height: 200px;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-33 {
  padding: 24px 16px;
}

.grid-31 {
  grid-column-gap: 23px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-ll {
  margin-bottom: 16px;
  line-height: 1.2;
}

.navbar {
  color: var(--white);
  background-color: #1f1f1f;
  justify-content: space-around;
  display: block;
}

.nav-menu {
  text-align: right;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sdfa {
  justify-content: space-between;
  align-items: center;
  margin: 0;
  line-height: 1.2;
  display: block;
  overflow: auto;
}

.image-39 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.container-nav {
  color: #0000;
  object-fit: fill;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
  overflow: visible;
}

.navbar-home {
  background-color: #0000;
  line-height: 1.2;
}

.nav-right-sub-menu {
  align-items: center;
  display: flex;
  top: auto;
}

.logo {
  flex: 1 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.logo-image-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  display: flex;
  position: static;
}

.hero-batch-gains {
  background-image: linear-gradient(#0009, #0009), url('../images/lawyesr-laptops-and-hands-working.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  min-height: 600px;
  padding-top: 80px;
}

.body-6 {
  background-color: var(--white);
}

.list-dark-text {
  color: var(--back_primary);
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 32px;
  line-height: 1.2;
}

.grid-32 {
  grid-template-rows: auto auto auto;
}

.image-emma-hero {
  object-fit: cover;
  border-radius: 32px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  overflow: hidden;
}

.div-block-36 {
  padding-bottom: 32px;
}

.div-block-37 {
  background-color: #ececec;
  width: 100%;
  padding: 32px;
}

.track-prototype-6 {
  flex-direction: column;
  align-items: center;
  height: 200vw;
  display: flex;
  overflow: visible;
}

.case-study-button-jessmd {
  border-radius: 8px;
  margin-top: 20px;
  font-weight: 500;
  display: none;
}

.body-7 {
  background-color: var(--white);
}

.div-block-38 {
  max-width: 66ch;
}

.hey-i-m-palmer, .hero-bullets-upper-text {
  line-height: 1.2;
}

.hero-body-copy-right-pad {
  color: var(--black);
  padding-right: 40px;
  line-height: 1.5;
}

.hero-body-copy-right-pad.white {
  color: var(--white);
}

.div-client-interview {
  line-height: 1.2;
}

.image-emma-empathy-map {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.card-body-text {
  line-height: 1.5;
}

.text-block {
  line-height: 1.5px;
}

.field-label {
  line-height: 1.5;
}

.field-label-2 {
  line-height: 1.2px;
}

.list-4 {
  margin-top: 16px;
}

.margin-vert-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--back_primary);
  object-fit: fill;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  min-height: 50px;
  margin-top: 128px;
  padding-top: 0;
  display: flex;
}

.nav-menu-2 {
  display: none;
}

.div-block-40 {
  height: 100%;
}

.grid-image-collage {
  object-fit: fill;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-items: start;
  height: auto;
}

.collage-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 300px;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
}

.collage-image.suit {
  object-position: 50% 50%;
  width: 100%;
  height: auto;
}

.collage-image.wedding {
  object-position: 100% 50%;
}

.div-block-41 {
  object-fit: scale-down;
}

.div-block-42 {
  display: flex;
  position: relative;
  top: -166px;
  left: -48px;
}

.image-41 {
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991px) {
  h4 {
    padding-left: 10px;
  }

  p {
    padding-left: 10px;
    padding-right: 10px;
  }

  ul {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-primary {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .section.cc-contact {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: #0000;
  }

  .navigation {
    color: #0000;
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-wrap {
    margin-right: 0;
  }

  .work-experience-grid {
    grid-template: ". ."
                   ". ."
                   / 1fr 1fr 1fr;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .ph-button {
    margin-left: 0;
    margin-right: 10px;
  }

  .subtitle-big-copy {
    padding-left: 0;
  }

  .type-strong-copy {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 10px;
  }

  .paragraph {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
  }

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

  .div-card-featured-work {
    padding-right: 20px;
  }

  .div-card-featured-work.right {
    padding-left: 20px;
  }

  .grid-11 {
    padding-bottom: 20px;
  }

  .div-block-12 {
    padding-top: 20px;
  }

  ._4card-div {
    padding-right: 20px;
  }

  .block-quote {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px;
  }

  .grid_20_bottom {
    padding-bottom: 20px;
  }

  .image-26 {
    margin-bottom: 0;
  }

  .grid-20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .hero-section {
    background-position: 63%;
  }

  .nav-bar {
    display: none;
  }

  .nav-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .project-card-non-image.right {
    align-self: stretch;
    width: 38.2%;
    padding: 64px 64px 64px 0;
  }

  .project-card-non-image.left {
    padding-right: 48px;
  }

  .project-card-image-div {
    align-self: stretch;
    width: 61.8%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-habit-pie-card.hp_image.habit-pie {
    top: 3px;
  }

  .track_bg {
    height: 100%;
  }

  .laptop-screenshot-dr-hart {
    align-self: flex-end;
    padding: 0 32px 32px;
  }

  .section-case-study-hero {
    background-position: 60%;
  }

  .image-batchgain-hero {
    padding-right: 16px;
  }

  .grid-hp-hero {
    grid-column-gap: 15px;
    padding-bottom: 32px;
  }

  .container-case-study-main {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vert {
    margin-top: 80px;
  }

  .copy {
    padding-left: 0;
  }

  .container-cs-hero-2-3 {
    padding-right: 220px;
  }

  .grid-24 {
    padding-top: 0;
  }

  .type-subtitle.ll-card {
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
  }

  .tabs-menu {
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    height: auto;
  }

  .tab-swot.w--current {
    flex: 1;
    margin-top: 0;
  }

  .grid-alex {
    padding: 32px;
  }

  .image-ll-card {
    object-fit: cover;
    height: 150px;
    min-height: auto;
    max-height: none;
  }

  .section-8 {
    padding-left: 16px;
  }

  .hero-batch-gains {
    background-position: 45%;
  }

  .hero-body-copy-right-pad {
    padding-right: 120px;
  }

  .margin-vert-16 {
    margin-top: 80px;
  }

  .image-40 {
    align-self: flex-start;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-primary {
    text-align: center;
    flex-direction: column;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .heading-jumbo {
    text-align: left;
    font-size: 44px;
    line-height: 64px;
  }

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

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

  .section.cc-contact {
    padding: 15px 0;
  }

  .section.featured-work {
    padding-bottom: 10px;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .work-experience-grid {
    flex-flow: column wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: minmax(0, 0fr);
    align-items: center;
    display: flex;
  }

  .carrer-headline-wrap {
    margin-bottom: 20px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .contact {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
  }

  .webflow-link {
    margin-bottom: 15px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .image {
    text-align: left;
  }

  .ph-button {
    float: left;
    text-align: center;
    min-width: 100px;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .list {
    text-align: left;
  }

  .list.zero_pad {
    padding-left: 0;
  }

  .heading {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 40px;
  }

  .heading-3 {
    text-align: left;
    margin-top: 0;
    font-size: 30px;
  }

  .heading-3.top_20 {
    margin-top: 20px;
    font-size: 30px;
  }

  .subtitle-big-copy {
    text-align: left;
    margin-top: 10px;
    padding-left: 0;
  }

  .type-strong-copy {
    text-align: left;
    padding-left: 0;
  }

  .paragraph {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-5 {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .column {
    text-align: left;
  }

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

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

  .div-featured-work-cards {
    flex-wrap: wrap-reverse;
    align-items: center;
    display: flex;
  }

  .div-featured-work-cards.bottom-switchwrap {
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .div-card-featured-work {
    padding-top: 0;
  }

  .div-card-featured-work.right {
    padding-top: 0;
    padding-left: 0;
  }

  .grid-11 {
    flex-wrap: wrap;
    display: flex;
  }

  .div-block-12 {
    padding-top: 0;
  }

  .grid_40_pad_top {
    grid-column-gap: 15px;
  }

  .grid-13, .grid-14, .grid-17, .grid-18 {
    flex-direction: column;
    display: flex;
  }

  .block-quote {
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-section {
    background-position: 67%;
  }

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

  .nav-bar, .headshot-hi-div {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-heading {
    width: 80%;
    padding-left: 16px;
    font-size: 36px;
  }

  .hero-heading.mobile {
    padding-top: 8px;
    padding-right: 16px;
  }

  .hero-bullets, .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .project-card-div.dr-hart, .project-card-div.habit-pie, .project-card-div.batch-gains {
    height: 320px;
  }

  .project-card-non-image.right {
    padding-bottom: 60px;
    padding-right: 16px;
  }

  .project-card-non-image.left {
    align-self: flex-end;
    height: 100%;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .case-study-button {
    align-self: flex-start;
  }

  .project-card-image-div {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-habit-pie-card.hp_image.habit-pie {
    object-fit: fill;
    width: auto;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    top: 16px;
  }

  .project-card-h1 {
    padding-left: 0;
    font-size: 30px;
  }

  .track_bg {
    align-self: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .image_card_bg {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .laptop-screenshot-dr-hart {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-21 {
    grid-column-gap: 16px;
  }

  .container-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-work-together {
    padding-left: 0;
  }

  .div-block-23 {
    justify-content: space-around;
  }

  .footer-h4 {
    padding-left: 0;
  }

  .section-case-study-hero {
    background-position: 70%;
  }

  .image-batchgain-hero {
    align-self: flex-start;
    margin-top: 0;
    padding-right: 0;
  }

  .h1 {
    font-size: 56px;
    line-height: 1.2;
  }

  .grid-hp-hero {
    grid-column-gap: 16px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .div-hero-case-study {
    margin-top: -128px;
  }

  .margin-vert {
    padding-left: 0;
    padding-right: 0;
  }

  .copy {
    text-align: left;
    align-self: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0;
  }

  .button-hp-proto {
    align-self: flex-start;
  }

  .container-cs-hero-2-3 {
    padding-left: 16px;
    padding-right: 180px;
  }

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

  .h_section_transition {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 80px;
  }

  .grid-25 {
    grid-template-columns: 1.5fr;
  }

  .image-client-interview {
    display: none;
  }

  .section-case-study {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-swot {
    padding: 16px;
  }

  .tab-swot.w--current {
    width: auto;
  }

  .grid-alex {
    grid-column-gap: 17px;
    grid-template-columns: 1.25fr 1.25fr;
    padding: 16px;
  }

  .persona-quote {
    font-size: 20px;
  }

  .user-stories {
    flex-direction: column;
  }

  .block-quote-2 {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px;
  }

  .item_prototype {
    padding-left: 8px;
    padding-right: 8px;
  }

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

  .div-lessons-learned-grid {
    max-width: 300px;
  }

  .image-ll-card {
    object-fit: cover;
  }

  .grid-31 {
    flex-direction: column;
    display: flex;
  }

  .section-8 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-34 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .navbar {
    padding-left: 16px;
  }

  .nav-menu {
    background-color: var(--black);
  }

  .container-nav {
    object-fit: fill;
  }

  .navbar-home {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-right-sub-menu {
    background-color: var(--black);
  }

  .logo {
    flex: 1;
    order: 0;
    align-self: stretch;
    width: auto;
    padding-top: 0;
    padding-left: 0;
  }

  .hero-batch-gains {
    padding-top: 48px;
  }

  .div-block-37 {
    padding: 16px;
  }

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

  .hero-body-copy-right-pad {
    padding-right: 114px;
  }

  .icon-2, .icon-3 {
    color: var(--white);
  }

  .container-5, .margin-vert-16 {
    padding-left: 16px;
    padding-right: 16px;
  }

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

@media screen and (max-width: 479px) {
  h3 {
    overflow: auto;
  }

  ul {
    padding-left: 20px;
  }

  .container-primary {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-primary.toppad20 {
    padding-left: 20px;
  }

  .container-primary.final-thoughts {
    margin-top: 20px;
    padding-top: 0;
  }

  .heading-jumbo {
    font-size: 30px;
    line-height: 48px;
  }

  .paragraph-light {
    font-size: 26px;
  }

  .section {
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-bigger {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .work-position-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap, .footer-wrap {
    flex-direction: column;
  }

  .ph-button {
    margin: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ph-button.case-study {
    min-width: 125px;
  }

  .image-7 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

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

  .list {
    padding-right: 0;
  }

  .list.final-thoughts {
    margin-top: 20px;
    padding-top: 0;
  }

  .heading {
    font-size: 30px;
  }

  .heading-3 {
    white-space: normal;
    object-fit: fill;
    font-size: 22px;
    overflow: visible;
  }

  .type-strong-copy {
    margin-bottom: 10px;
  }

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

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

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

  .gridph._6_wide, .gridph._4_wide {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .h2 {
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
    font-size: 34px;
  }

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

  .grid_40_pad_top {
    text-align: left;
    flex-direction: column;
    margin-left: -20px;
    display: flex;
  }

  .grid-15, .grid-16 {
    flex-direction: column;
    display: flex;
  }

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

  .div-case-study-phone {
    text-align: left;
  }

  .grid_20_bottom {
    flex-direction: column;
    display: flex;
  }

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

  .hero-section {
    background-position: 0 0;
    width: 100%;
  }

  .hero-container {
    flex: 0 auto;
    max-width: 100%;
    height: 100%;
  }

  .nav-item.button {
    margin-left: 0;
  }

  .headshot-hi-div {
    padding-top: 32px;
  }

  .hero-heading {
    width: 90%;
    font-size: 32px;
    line-height: 1.2;
  }

  .div-hero-bullet-sub-text {
    font-size: 10px;
  }

  .hero-bullets {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .heading-jumbo-ph {
    font-size: 48px;
  }

  .project-card-div.dr-hart {
    flex-direction: column;
    height: 100%;
    max-height: none;
  }

  .project-card-div.habit-pie {
    flex-direction: column;
    height: auto;
    max-height: none;
  }

  .project-card-div.batch-gains {
    flex-direction: column;
    height: 100%;
    max-height: none;
  }

  .project-card-non-image.right {
    width: 100%;
    padding-top: 0;
    padding-bottom: 32px;
    padding-left: 16px;
  }

  .project-card-non-image.left {
    order: 1;
    width: 100%;
    padding-top: 0;
    padding-bottom: 32px;
  }

  .project-card-image-div {
    width: 100%;
    max-height: 300px;
  }

  .image-habit-pie-card.hp_image.habit-pie {
    top: 18px;
  }

  .project-card-h1 {
    margin-top: 10px;
  }

  .track-prototype {
    height: 800vw;
    display: flex;
  }

  .track_bg {
    order: -1;
    align-self: flex-start;
    width: 200%;
    margin-left: 0;
  }

  .image_card_bg {
    margin-top: 16px;
    margin-bottom: 8px;
    padding-left: 8px;
  }

  .track_hp {
    order: 0;
    width: auto;
    height: 61.8%;
    min-height: 200px;
    max-height: 300px;
    overflow: hidden;
  }

  .laptop-screenshot-dr-hart {
    margin-bottom: 0;
    padding-bottom: 0;
  }

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

  .container-3 {
    flex-direction: column;
    display: flex;
  }

  .div-block-23 {
    flex-direction: row;
    justify-content: space-between;
  }

  .div-block-24 {
    padding-right: 48px;
  }

  .section-case-study-hero {
    background-position: 0%;
    min-height: 400px;
    padding-top: 16px;
  }

  .image-batchgain-hero {
    margin-top: 54px;
  }

  .h1 {
    font-size: 32px;
  }

  .margin-vert {
    margin-top: 48px;
  }

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

  .copy.about {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-cs-hero-2-3 {
    padding-right: 16px;
  }

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

  .h3 {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5;
    overflow: auto;
  }

  .h3.comp-titles {
    text-align: center;
    padding-top: 8px;
    line-height: 24px;
    display: none;
  }

  .section-transition.process {
    margin-top: 60px;
  }

  .h_section_transition {
    font-size: 48px;
  }

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

  .tabs-menu {
    flex-direction: row;
    max-width: 288px;
  }

  .tab-swot, .tab-swot.w--current {
    flex: 0 auto;
    width: 33.3333%;
    padding: 8px;
  }

  .h4 {
    padding-left: 0;
  }

  .tabs {
    flex-direction: column;
  }

  .div-comp-logo-and-name {
    justify-content: space-between;
    align-self: stretch;
  }

  .grid-alex {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .item_prototype {
    width: 100vw;
    height: 100vh;
    padding: 32px;
  }

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

  .navbar {
    padding-left: 8px;
  }

  .nav-menu {
    background-color: var(--black);
  }

  .sdfa {
    margin: 0 16px;
  }

  .image-39 {
    padding: 18px 0;
    position: relative;
  }

  .menu-button-2 {
    padding-right: 0;
  }

  .brand {
    padding-left: 0;
  }

  .container-nav {
    margin-top: 0;
    margin-bottom: 0;
  }

  .logo {
    flex: 0 auto;
    order: 1;
    width: auto;
    max-width: 40px;
    height: auto;
    margin-top: auto;
    padding-top: 9px;
  }

  .logo-image-div {
    justify-content: center;
    width: auto;
    height: 100%;
  }

  .hero-batch-gains {
    height: 500px;
    min-height: 0;
  }

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

  .track-prototype-6 {
    height: 600vw;
    display: block;
  }

  .hero-bullets-upper-text {
    font-size: 14px;
  }

  .hero-body-copy-right-pad {
    padding-right: 113px;
  }

  .margin-vert-16 {
    margin-top: 48px;
  }

  .div-block-39 {
    height: 0;
  }

  .grid-image-collage {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }
}

#w-node-_9a898548-a727-1182-2855-d3ff3c29e58e-110c3054 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_285b0fa3-884e-19a4-e3d2-26dfb50368fd-110c3054 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_62918f55-c6a6-bb9a-94c6-a877c8f523fc-110c3054 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_62918f55-c6a6-bb9a-94c6-a877c8f523f5-110c3054 {
  align-self: center;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-110c3054 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-110c3054 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-110c3054 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a32-d0df4a24 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_627afdb8-abe3-e3d8-2ca9-f9a4d9e953b9-d9e953b7 {
  place-self: start;
}

#w-node-_04d26000-c070-3203-4630-b0cbad0bffd1-b20c3059 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a1803ee-9ded-bb18-9722-bb9a574ff741-730c305a {
  align-self: start;
}

#w-node-f0d6f87f-0511-c3d2-d030-8760a7fee992-730c305a {
  place-self: start;
}

#w-node-_3df62380-3255-c3cf-83c1-0498408e58a3-ff0c305c {
  align-self: start;
}

#w-node-_5d016bd7-5dd5-01ed-5cf1-8bf8d8cc12b3-ff0c305c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12b313ac-f99e-036a-28cd-87265af079b9-ff0c305c {
  place-self: center stretch;
}

#w-node-_0923ac0e-a8d3-39ce-f6ba-73c5a8c0ba8e-ff0c305c {
  place-self: start center;
}

#w-node-_27ece4c3-7dfb-17f8-5e01-c1dd58d6389a-ff0c305c, #w-node-ae0a8dd4-3ffb-0182-8025-d3e02d92ff69-ff0c305c {
  place-self: center;
}

#w-node-b9c8f05a-b769-fbc4-617c-8d06a98cc8c0-ff0c305c, #w-node-_463972ad-1c46-9a8a-557f-c53a304fe909-304fe906, #w-node-_463972ad-1c46-9a8a-557f-c53a304fe90c-304fe906, #w-node-_463972ad-1c46-9a8a-557f-c53a304fe91e-304fe906, #w-node-_463972ad-1c46-9a8a-557f-c53a304fe920-304fe906, #w-node-_463972ad-1c46-9a8a-557f-c53a304fe929-304fe906, #w-node-b4891a20-2b95-b548-d86c-53a1fe654056-167108cd, #w-node-e2e24308-fb89-07a2-4d21-105814bc6e29-167108cd, #w-node-_536a9fc9-13bd-1e86-3a5a-84e2527af53a-167108cd, #w-node-_594be417-d94a-db4a-02eb-60367eb8b067-167108cd, #w-node-_9f452cb1-d960-4ab3-f308-5698887be4bb-167108cd, #w-node-_9f452cb1-d960-4ab3-f308-5698887be4be-167108cd, #w-node-_6b2a0052-ee23-3a88-829f-dd265527e314-167108cd, #w-node-_6b2a0052-ee23-3a88-829f-dd265527e317-167108cd, #w-node-a2611015-53e5-8924-efb5-150d2144ea26-167108cd, #w-node-a2611015-53e5-8924-efb5-150d2144ea29-167108cd, #w-node-c47e3df7-0d9c-b031-4328-ac3f8f25d5b6-167108cd, #w-node-_4c0f6934-7132-ab7a-cbc6-e110dc94b1f5-167108cd, #w-node-_6746096e-b23b-55e5-177c-53987a831b62-167108cd, #w-node-_0a25be1b-c622-7403-df00-dcc34b3cf533-167108cd, #w-node-eb009e02-7518-aceb-2e3d-d46547295a1d-167108cd, #w-node-eb009e02-7518-aceb-2e3d-d46547295a27-167108cd, #w-node-eb009e02-7518-aceb-2e3d-d46547295a31-167108cd, #w-node-eb009e02-7518-aceb-2e3d-d46547295a3b-167108cd, #w-node-_738b03e1-4a31-bbfe-081c-c930a6c05b4d-167108cd, #w-node-_738b03e1-4a31-bbfe-081c-c930a6c05b57-167108cd, #w-node-_738b03e1-4a31-bbfe-081c-c930a6c05b61-167108cd, #w-node-_738b03e1-4a31-bbfe-081c-c930a6c05b6b-167108cd, #w-node-_8371e00c-5436-3502-ee32-d81b13b06cf7-167108cd, #w-node-_1a635149-aa3e-2cb9-0e34-1cbe15a8a3f2-167108cd, #w-node-_9f0ecd65-34a1-7736-e5fa-34678795b422-167108cd, #w-node-_05e5f270-3adb-f183-6b8d-5441c90b9037-167108cd, #w-node-c6fb5e92-0372-bb94-7256-cad122c64e3e-167108cd, #w-node-_2d9a8017-e47f-2dad-7759-773fa901c6f5-167108cd, #w-node-_0d618f16-726d-0350-2a6e-37d0d0bffa04-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb380d99-f7ea-421d-641c-215400134088-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-f1b5ffa8-eecc-636b-bb11-dd86d0c6e344-167108cd, #w-node-aaccd4f9-1753-c9bb-9f0b-f756787c3121-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_590fcade-c86f-2a37-4c48-527c3e567fd3-167108cd, #w-node-_8003ba35-53b4-3215-065e-241204afdd98-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e6cbf06-e1dc-d09f-0ab3-8fba9387ad64-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-c1fc0f5f-b272-f382-73e6-78be8b3fbdba-167108cd, #w-node-_123cf889-b304-4e11-f3e3-5d3798b8400e-167108cd, #w-node-_33eb3a20-6b69-a978-7be7-d4480f713653-167108cd, #w-node-_7eac96f0-5bed-14f2-3f07-d52459d4bb78-167108cd, #w-node-_02f88023-9bc4-7cf8-105d-a75a482e1251-167108cd, #w-node-_5d0f262b-e437-9882-ed1b-0515a23643f8-167108cd, #w-node-bc51edb8-9679-0a13-426a-0df2f0ab7b7f-167108cd, #w-node-_3ebcdc26-b68c-b976-d903-1ca6fb4afe4a-167108cd, #w-node-_8977941f-5101-c46a-ba12-397729c065bb-167108cd, #w-node-a306030a-7d6b-0b8e-a34e-959b11561901-167108cd, #w-node-a306030a-7d6b-0b8e-a34e-959b11561902-167108cd, #w-node-a306030a-7d6b-0b8e-a34e-959b11561904-167108cd, #w-node-fecf0e1a-3d12-cf0a-7efe-8335cc59a4ac-167108cd, #w-node-fecf0e1a-3d12-cf0a-7efe-8335cc59a4ad-167108cd, #w-node-fecf0e1a-3d12-cf0a-7efe-8335cc59a4af-167108cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3409099b-8f51-d30a-2718-bf249e99d990-6b6663c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3409099b-8f51-d30a-2718-bf249e99d992-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99a-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99d-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99f-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a2-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a4-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a7-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9aa-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9ad-6b6663c4, #w-node-_693bb6a3-43cb-789a-db93-70f0b98f7817-6b6663c4, #w-node-b2bda5cc-d6ac-0534-c864-3cbd46a43868-6b6663c4, #w-node-_9cde8119-120e-d84b-f763-6bc65a930980-6b6663c4, #w-node-_9cde8119-120e-d84b-f763-6bc65a930989-6b6663c4, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c7b-6b6663c4, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c85-6b6663c4, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c8f-6b6663c4, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c99-6b6663c4, #w-node-ac80c97b-a9de-d78b-65d6-02ce191542ff-6b6663c4, #w-node-_00f9160b-a6da-4947-f4cb-5256b900f147-6b6663c4, #w-node-a8c7397c-3a9d-9a13-ced6-e9e71ae611fe-6b6663c4, #w-node-_4888196b-7843-2ce6-6be9-ab92e3091874-6b6663c4, #w-node-_8f61bfa8-e162-ace6-5709-ab67b6578d29-6b6663c4, #w-node-bc7e6399-6e39-098e-5eeb-2cf8828d986e-6b6663c4, #w-node-_6f0466de-3c6b-f51a-14cf-e58c909e484d-6b6663c4, #w-node-_88fadf0a-ddc0-9c1c-a977-2162d872bc4b-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d15-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d18-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d20-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d23-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d2f-6b6663c4, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d32-6b6663c4, #w-node-_746582bb-c5c0-e795-7120-8d2d24d0a9de-6b6663c4, #w-node-_31a21d8e-d924-2f83-1b6b-9c4e05b96c9f-6b6663c4, #w-node-_417abf62-cea6-0d8c-086a-c72ef9f3ba50-6b6663c4, #w-node-_76545107-1b43-aa34-a476-1382c1fbbd8c-6b6663c4, #w-node-_6edad1fb-a13c-d132-457f-02fc075784bd-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558b-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558c-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558e-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5592-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5593-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5595-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5599-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f559a-6b6663c4, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f559c-6b6663c4, #w-node-_7b9b28ea-6954-bd47-5cfc-7e82921a233a-f7dc1c60, #w-node-_1c9b244b-1964-44f9-86f8-56129fb465df-f7dc1c60, #w-node-cb43c5ce-9d9c-0104-c2a9-bac4d6eb33ff-f7dc1c60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e797a4d-e51b-10f8-3b79-aca02010758b-f7dc1c60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_30ec3873-c115-884d-1ac8-6d8c51257eb7-f7dc1c60, #w-node-ab1359c2-73e9-8c7a-5d40-fca13b78ecf6-f7dc1c60, #w-node-_6a18fb20-2fa0-7539-be6b-367452963635-f7dc1c60, #w-node-db28d4df-0b6d-684b-4153-f3c024ec5e59-f7dc1c60, #w-node-c0833229-b9de-c648-1645-ea0585f0ad34-f7dc1c60, #w-node-c1df8f30-56aa-80ff-c8aa-1eeb60d52178-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d992-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99a-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99d-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d99f-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a2-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a4-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9a7-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9aa-72e159e6, #w-node-_3409099b-8f51-d30a-2718-bf249e99d9ad-72e159e6, #w-node-_693bb6a3-43cb-789a-db93-70f0b98f7817-72e159e6, #w-node-b2bda5cc-d6ac-0534-c864-3cbd46a43868-72e159e6, #w-node-_9cde8119-120e-d84b-f763-6bc65a930980-72e159e6, #w-node-_9cde8119-120e-d84b-f763-6bc65a930989-72e159e6, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c7b-72e159e6, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c85-72e159e6, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c8f-72e159e6, #w-node-_954bee7a-d101-718b-1f9e-b7a59f848c99-72e159e6, #w-node-ac80c97b-a9de-d78b-65d6-02ce191542ff-72e159e6, #w-node-_00f9160b-a6da-4947-f4cb-5256b900f147-72e159e6, #w-node-a8c7397c-3a9d-9a13-ced6-e9e71ae611fe-72e159e6, #w-node-_4888196b-7843-2ce6-6be9-ab92e3091874-72e159e6, #w-node-_8f61bfa8-e162-ace6-5709-ab67b6578d29-72e159e6, #w-node-bc7e6399-6e39-098e-5eeb-2cf8828d986e-72e159e6, #w-node-_6f0466de-3c6b-f51a-14cf-e58c909e484d-72e159e6, #w-node-_88fadf0a-ddc0-9c1c-a977-2162d872bc4b-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d15-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d18-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d20-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d23-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d2f-72e159e6, #w-node-a0df119d-c136-c9f7-a25a-90b91e4c9d32-72e159e6, #w-node-_746582bb-c5c0-e795-7120-8d2d24d0a9de-72e159e6, #w-node-_31a21d8e-d924-2f83-1b6b-9c4e05b96c9f-72e159e6, #w-node-_417abf62-cea6-0d8c-086a-c72ef9f3ba50-72e159e6, #w-node-_76545107-1b43-aa34-a476-1382c1fbbd8c-72e159e6, #w-node-_6edad1fb-a13c-d132-457f-02fc075784bd-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558b-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558c-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f558e-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5592-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5593-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5595-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f5599-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f559a-72e159e6, #w-node-_9f4370b2-7055-8e40-f819-5a6a6e2f559c-72e159e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-110c3054 {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b4891a20-2b95-b548-d86c-53a1fe654056-167108cd {
    justify-self: center;
  }

  #w-node-_3409099b-8f51-d30a-2718-bf249e99d990-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d992-6b6663c4, #w-node-_3409099b-8f51-d30a-2718-bf249e99d992-72e159e6 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f0d6f87f-0511-c3d2-d030-8760a7fee992-730c305a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_6d744b6e-a25c-804b-f089-404b46f12346-730c305a, #w-node-_6d744b6e-a25c-804b-f089-404b46f12347-730c305a, #w-node-_6d744b6e-a25c-804b-f089-404b46f12348-730c305a, #w-node-_6d744b6e-a25c-804b-f089-404b46f12349-730c305a {
    place-self: center;
  }

  #w-node-_463972ad-1c46-9a8a-557f-c53a304fe91e-304fe906 {
    place-self: auto;
  }

  #w-node-_4888196b-7843-2ce6-6be9-ab92e3091874-6b6663c4, #w-node-_4888196b-7843-2ce6-6be9-ab92e3091874-72e159e6 {
    order: 9999;
  }
}