@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-ExtralightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Otminiature;
  src: url('../fonts/OTMiniature-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Degulartext;
  src: url('../fonts/DegularText-SemiboldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --_colour---blackish: #1c1b19;
  --_colour---background: #f1e6d6;
  --_colour---ibm-blue-light: #0f62fe;
  --_colour---ibm-blue-dark: #001d6c;
  --minicard-1-z-index: 4;
  --minicard-2-z-index: 3;
  --minicard-3-z-index: 2;
  --minicard-4-z-index: 1;
  --_colour---sticky-note: #ffd979;
  --footerlabelsize: 4rem;
  --_colour---rhapsody: #879ecb;
  --_colour---tinge: #ffc2c2;
  --_colour---fittle: #adb17d;
  --_colour---jugni: #ed7;
  --_colour---sterling: #c1d3e5;
  --_colour---user-insight-hub: #e9d6ff;
  --_colour---accent-color-1: #8b7e61;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

.navbar {
  z-index: 9999;
  border-right: 1px #000;
  border-bottom: 1px solid var(--_colour---blackish);
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  padding: .5rem 4rem;
  display: flex;
  position: sticky;
  top: 0;
}

.container {
  box-sizing: border-box;
  object-fit: fill;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
}

.nav-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--_colour---blackish);
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  order: 0;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.nav-link {
  box-sizing: border-box;
  float: right;
  clear: none;
  flex: 0 auto;
  order: 0;
  display: inline-block;
}

.navlink {
  color: var(--_colour---blackish);
  border: .5px solid #000;
  border-radius: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 20px;
  text-decoration: none;
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
}

.navlink:hover, .navlink.w--current {
  background-color: var(--_colour---blackish);
  color: var(--_colour---background);
}

.navlink.linkedin {
  aspect-ratio: 1;
  object-fit: fill;
  border-style: solid;
  border-radius: 1000px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-right: 0;
  padding: 4px;
  display: flex;
}

.navlink.linkedin:hover {
  color: var(--_colour---background);
  text-overflow: clip;
  background-color: #5bc7ff;
}

.label {
  letter-spacing: -.5px;
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 6px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  display: inline-block;
}

.label.decor {
  margin-bottom: 6px;
}

.label.center {
  color: var(--_colour---background);
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: line-through;
  display: inline-block;
}

.label.decor2 {
  margin-bottom: 0;
}

.label.lightmode {
  color: var(--_colour---background);
}

.section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  padding: 5rem 0;
  display: flex;
  position: relative;
}

.section.decor-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.nopadding {
  width: auto;
  max-width: 60rem;
  padding-top: 0;
  padding-bottom: 0;
}

.brand {
  aspect-ratio: 1;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  height: 100%;
  margin-right: 1rem;
  display: block;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
  display: inline-block;
}

.paragraph {
  width: 30rem;
  margin-top: 10px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  display: inline-block;
}

.projectdiv {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--_colour---blackish);
  border-bottom: 1px none var(--_colour---blackish);
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 2rem 4rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.projectdiv:hover {
  background-color: #fff0;
}

.projectdiv.projectcard2, .projectdiv.projectcard3 {
  color: var(--_colour---blackish);
  text-decoration: none;
}

.projectdiv.projectcard4 {
  border-top: 1px solid var(--_colour---blackish);
  color: var(--_colour---blackish);
  border-bottom-style: none;
  text-decoration: none;
}

.projectdiv.projectcard5 {
  border-top: 1px solid var(--_colour---blackish);
  color: var(--_colour---blackish);
  border-bottom-style: none;
  border-bottom-width: 0;
  text-decoration: none;
}

.topwrap {
  z-index: 9;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-top: 1px solid var(--_colour---blackish);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding-left: 15rem;
  padding-right: 15rem;
  display: flex;
  position: static;
  overflow: visible;
}

.topwrap.wipimageabove {
  border-top-style: none;
  overflow: visible;
}

.topwrap.decor {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding-top: 5rem;
}

.projectsgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--_colour---blackish);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0;
  position: relative;
}

.main-body {
  background-color: var(--_colour---background);
  overflow: visible;
}

.heroheading {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 6rem;
  display: inline-flex;
}

.text-span {
  font-weight: 200;
}

.impactstatement {
  flex-flow: row;
  width: auto;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.impactstatement.center {
  color: var(--_colour---background);
  text-align: center;
  align-self: center;
}

.impactstatement.light {
  color: var(--_colour---background);
}

.fullwidthwrap {
  background-color: var(--_colour---blackish);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 20vh;
  padding-left: 15rem;
  padding-right: 15rem;
  display: flex;
}

.fullwidthwrap.light {
  background-color: var(--_colour---background);
}

.fullwidthwrap.oldgrandpaphoto {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/2_1.avif');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-clip: border-box;
}

.impactgrid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colour---blackish);
  border: .1px #000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: visible;
}

.impactcard {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colour---background);
  border: .5px #000;
  border-radius: 10px;
  flex-flow: column;
  place-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.impactcard.decor {
  max-width: none;
}

.shortimpactheading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

.shortimpactheading.decor {
  line-height: 4rem;
}

.shortimpactheading.infeaturegrid, .shortimpactheading.decor2 {
  line-height: 4.5rem;
}

.herodiv {
  width: 100%;
  max-width: 30rem;
}

.floatwallpaper {
  background-color: var(--_colour---blackish);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.longimpactheading {
  align-self: auto;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.5rem;
}

.longimpactheading.center {
  color: var(--_colour---background);
  text-align: center;
  align-self: center;
}

.longimpactheading.nodownpadding {
  margin-bottom: 0;
}

.longimpactcard {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_colour---background);
  border: .5px solid #000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.longimpactcard.float-style {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: var(--_colour---background);
  background-image: linear-gradient(180deg, var(--_colour---ibm-blue-light), var(--_colour---ibm-blue-dark));
  color: var(--_colour---background);
  flex-flow: wrap;
  align-content: space-between;
  transition: all .25s;
  position: relative;
  transform: rotate(3deg);
}

.longimpactcard.float-style:hover {
  transform: rotate(0);
}

.longimpactcard.float-style.yellow {
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  background-image: none;
}

.gridy-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.cardscontainer {
  flex: 0 auto;
  width: 100%;
  height: 25rem;
  padding: 1rem 3rem 3rem 0;
}

.cardscontainer.long {
  height: 100%;
  min-height: 35rem;
  max-height: none;
  padding-top: 0;
  padding-bottom: 3rem;
  padding-right: 3rem;
}

.textdiv {
  width: 100%;
  max-width: 30rem;
}

.textdiv.whitetext {
  color: var(--_colour---background);
}

.textdiv.center {
  flex-flow: wrap;
  flex: 0 auto;
  place-content: space-between center;
  align-self: center;
  align-items: flex-start;
  max-width: none;
  height: 70vh;
  padding-left: 20rem;
  padding-right: 20rem;
  display: flex;
}

.textdiv.center-copy {
  flex-flow: wrap;
  flex: 0 auto;
  place-content: space-between center;
  align-self: center;
  align-items: flex-start;
  max-width: none;
  height: auto;
  padding-left: 20rem;
  padding-right: 20rem;
  display: flex;
}

.stackcardwrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  height: auto;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.minicard-1 {
  z-index: var(--minicard-1-z-index);
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #d9d9d9;
  border: 1px solid #000;
  border-radius: 15px;
  flex-flow: wrap;
  flex: 0 auto;
  place-content: space-between flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-2 {
  overflow-wrap: normal;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.2rem;
  display: block;
}

.bold-text {
  flex-flow: row;
  display: block;
}

.minicard-2 {
  z-index: var(--minicard-2-z-index);
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #d9d9d9;
  border: 1px solid #000;
  border-radius: 15px;
  flex-flow: wrap;
  flex: 1;
  place-content: space-between flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(1rem, 1rem);
}

.minicard-3 {
  z-index: var(--minicard-3-z-index);
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #d9d9d9;
  border: 1px solid #000;
  border-radius: 15px;
  flex-flow: wrap;
  flex: 0 auto;
  place-content: space-between flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(2rem, 2rem);
}

.minicard-4 {
  z-index: var(--minicard-4-z-index);
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #d9d9d9;
  border: 1px solid #000;
  border-radius: 15px;
  flex-flow: wrap;
  flex: 0 auto;
  place-content: space-between flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(3rem, 3rem);
}

.wipbackground {
  background-image: linear-gradient(180deg, #fff0 26%, var(--_colour---background)), url('../images/WIP-Tinge.avif');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  height: 65vh;
  margin-bottom: 0;
}

.quick-stack-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #000;
  border-radius: 15px;
  padding: 2rem;
}

.heading-3 {
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
}

.cell-8 {
  padding-left: 2rem;
}

.stickiesstackwrap {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.sticky {
  aspect-ratio: 1;
  background-color: #fff28f;
  border: 1px solid #d8cb67;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transition: all .25s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
}

.sticky:hover {
  z-index: 999999;
  box-sizing: border-box;
  aspect-ratio: 1;
  transform: translate(0, -8rem);
}

.sticky.sticky-1 {
  border-color: var(--_colour---blackish);
  background-color: var(--_colour---sticky-note);
  transform-style: preserve-3d;
  flex-flow: wrap;
  flex: 0 auto;
  align-content: space-between;
  height: 300px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  transform: translate3d(0, 5rem, 0);
}

.sticky.sticky-2 {
  border-color: var(--_colour---blackish);
  background-color: var(--_colour---sticky-note);
  flex-flow: wrap;
  align-content: space-between;
  height: 300px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  transform: translate(0);
}

.sticky.sticky-3 {
  border-color: var(--_colour---blackish);
  background-color: var(--_colour---sticky-note);
  flex-flow: wrap;
  align-content: space-between;
  height: 300px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  transform: translate(0, -5rem);
}

.sticky.sticky-4 {
  border-color: var(--_colour---blackish);
  background-color: var(--_colour---sticky-note);
  flex-flow: wrap;
  align-content: space-between;
  height: 300px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  transform: translate(0, -10rem);
}

.overflowsaver {
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

.div-block-16 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.bold-text-2 {
  display: block;
}

.testimonials {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-image: url('../images/heart.svg');
  background-position: 50% 0;
  background-size: auto;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 15rem;
  display: flex;
}

.testimonialswrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border: 1px #000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: auto;
  min-height: 30rem;
  max-height: none;
  margin-top: 8rem;
  margin-bottom: 8rem;
  display: flex;
  position: relative;
}

.testimonialswrap.higherminh {
  min-height: 35rem;
}

.testimonialcard {
  border: 2px solid var(--_colour---blackish);
  background-color: var(--_colour---background);
  border-radius: 15px;
  flex: 1;
  width: 45rem;
  height: 30rem;
  padding: 1rem;
  position: absolute;
  inset: 0% auto 0% 0%;
  box-shadow: 0 2px 5px #0003;
}

.testimonialcard.testimonial1 {
  height: 100%;
}

.testimonialcard.testimonial2 {
  height: 100%;
  inset: 0% auto 0% 15rem;
}

.testimonialcard.testimonial2.decor {
  display: none;
}

.testimonialcard.testimonial3 {
  height: 100%;
  inset: 0% 0% 0% 30rem;
}

.testimonialcard.testimonial3.decor {
  left: 25rem;
}

.testimonialtextwrap {
  outline-color: var(--_colour---blackish);
  outline-offset: 0px;
  border: .1px #000;
  border-radius: 10px;
  outline-width: 2px;
  outline-style: dashed;
  flex-flow: wrap;
  align-content: space-between;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.testimonialmessage {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

.testimonialmessage.light {
  color: var(--_colour---background);
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.testimonialauthor {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--_colour---blackish);
  cursor: pointer;
  flex: 1;
  text-decoration: none;
  display: flex;
}

.testimonialauthor:hover {
  color: #00f;
}

.authorimage {
  background-color: var(--_colour---blackish);
  border-radius: 100px;
  width: 5rem;
  height: 5rem;
}

.authorimage.moshe {
  background-image: url('../images/Mosche.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.dhanashree {
  background-image: url('../images/Dhanashree.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.shy {
  background-image: url('../images/Shy.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.todd {
  background-image: url('../images/Todd.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.melinda {
  background-image: url('../images/Melinda.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.ameya {
  background-image: url('../images/Ameya.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.gray {
  background-image: url('../images/Gray.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.daren {
  background-image: url('../images/Darren.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authorimage.gord {
  background-image: url('../images/Gord.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.authorimage.casey {
  background-image: url('../images/Casey.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-17 {
  flex: 1;
  align-self: center;
}

.div-block-17.light {
  color: var(--_colour---background);
}

.authorname {
  margin-bottom: 6px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 38px;
  line-height: 38px;
}

.authordesignation {
  letter-spacing: -2px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.testimonialcardstatic {
  border: 2px solid var(--_colour---blackish);
  background-color: var(--_colour---background);
  border-radius: 15px;
  flex: 1;
  width: 45rem;
  max-width: 80%;
  height: auto;
  padding: 1rem;
  position: static;
  inset: 0% auto 0% 0%;
  box-shadow: 0 2px 5px #0003;
}

.testimonialcardstatic.decor1 {
  z-index: 9;
  max-width: 60rem;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  position: relative;
  transform: rotate(-5deg)translate(0, -12rem);
}

.testimonialcardstatic.decor1:hover {
  transform: rotate(0)translate(0, -12rem);
}

.testimonialcardstatic.decor {
  width: auto;
  max-width: 80%;
}

.testimonialcardstatic.decor2 {
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  position: relative;
  transform: rotate(-2deg);
}

.testimonialcardstatic.decor2:hover {
  transform: rotate(0);
  box-shadow: 0 2px 5px #0000;
}

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

.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-left: 20px;
  display: flex;
}

.slider {
  background-color: #ddd0;
  height: 90vh;
  display: block;
}

.slider.onlymobile {
  display: none;
}

.slider.size {
  height: 70vh;
}

.mask-3 {
  max-width: none;
  overflow: visible;
}

.mask-3.overlow {
  padding-left: 0;
  padding-right: 2rem;
  overflow: hidden;
}

.slide {
  background-color: #000;
  border-radius: 15px;
  height: 100%;
  margin-right: 2rem;
  padding: 2rem 2rem 4rem;
  overflow: hidden;
}

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

.left-arrow-2 {
  display: none;
}

.left-arrow-2.ponder {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto auto 0% 0%;
}

.right-arrow-2 {
  display: none;
}

.right-arrow-2.ponder {
  width: 50px;
  height: 50px;
  display: block;
  inset: auto 0% 0% auto;
}

.highlight {
  background-color: var(--_colour---sticky-note);
  font-weight: 600;
}

.highlight.whitetext {
  color: var(--_colour---blackish);
}

.div-block-19 {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.imageswrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  column-count: 1;
  background-color: #0000;
  width: 100%;
  max-width: 80rem;
  height: auto;
  padding: 0;
  display: block;
  overflow: hidden;
}

.imageswrap._1x1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  column-count: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.imageswrap._2x2 {
  column-count: 2;
  column-gap: 1rem;
}

.slidecontentwrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  place-content: space-between center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.annotation {
  color: var(--_colour---background);
  text-align: center;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 75%;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.annotationheader {
  color: var(--_colour---blackish);
  text-align: center;
  flex: 0 auto;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  display: block;
}

.marquee {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_colour---blackish);
  padding: 5rem 0;
  display: flex;
}

.marquee.lightmode {
  background-color: var(--_colour---background);
}

.marqueecontent {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #000;
  flex: none;
  width: auto;
  padding: 53px 20px;
  display: flex;
}

.marqueecontent.lightmode {
  background-color: var(--_colour---background);
}

.stickycardswrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  display: block;
  position: relative;
  top: 0;
}

.stickycard {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--_colour---blackish);
  background-color: #d9d9d9;
  border-radius: 10px;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.stickycard._1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  position: sticky;
  top: 1.5rem;
  bottom: auto;
}

.stickycard._2 {
  position: sticky;
  top: 6rem;
}

.stickycard._3 {
  position: sticky;
  top: 10rem;
}

.stickycard._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  position: sticky;
  top: 8.5rem;
  bottom: auto;
}

.stickycard._3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  position: sticky;
  top: 15rem;
  bottom: auto;
}

.stickycard._4 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colour---blackish);
  padding: 0;
  position: sticky;
  top: 2rem;
  overflow: visible;
}

.stickycard._6 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colour---blackish);
  padding: 0;
  position: sticky;
  top: 7rem;
  overflow: visible;
}

.stickycard._7 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colour---blackish);
  padding: 0;
  position: sticky;
  top: 6rem;
  overflow: visible;
}

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

.text-span-2 {
  font-weight: 200;
  text-decoration: line-through;
}

.stickycontent1 {
  background-color: #d9d9d9;
  border-radius: 10px;
  padding: 2rem;
}

.stickygrid {
  background-color: var(--_colour---blackish);
  border-radius: 15px;
  padding: 0;
}

.div-block-21 {
  background-color: var(--_colour---background);
  border-radius: 10px;
  padding: 2rem;
}

.featuresgrid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colour---blackish);
  background-color: var(--_colour---blackish);
  border-radius: 10px;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.featurecard {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_colour---background);
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.featurecard.impactsnippet {
  flex-flow: column;
  place-content: space-between flex-end;
  align-items: flex-start;
}

.featurecard.absolute {
  min-height: 40rem;
}

.featurelabel {
  letter-spacing: -.5px;
  flex: 0 auto;
  align-self: flex-start;
  margin-bottom: 6px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

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

.introdiv {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  padding: 0 8rem;
  display: grid;
  position: relative;
}

.projectlabel {
  letter-spacing: -.5px;
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  display: none;
}

.projecttilewrap {
  flex-flow: row;
  width: 80%;
  max-width: 30rem;
  display: flex;
  position: static;
}

.projectdescription {
  width: 100%;
  max-width: 30rem;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 18px;
  display: inline-block;
}

.projectdescription.paragraph {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.impactgridwrap {
  border: 1px solid var(--_colour---blackish);
  border-radius: 10px;
  overflow: visible;
}

.heroimage {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 85vh;
}

.heroimage.topalign {
  object-position: 50% 10%;
}

.heroimage.bottomalign {
  object-position: 50% 85%;
}

.image {
  box-sizing: border-box;
  aspect-ratio: auto;
  border: 1px none var(--_colour---blackish);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 10px;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: 100%;
  display: block;
}

.image.margin {
  margin-bottom: 1rem;
}

.image.decor {
  margin-top: -2.2rem;
}

.image.contain {
  object-position: 50% 0%;
}

.image.contain.bottom {
  object-position: 50% 100%;
}

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

.image.border {
  border-style: solid;
}

.image.portrait-homar {
  box-sizing: border-box;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: 0% 50%;
}

.image.portrait-maliha {
  box-sizing: border-box;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: 70% 50%;
}

.image.portrait-aishwarya {
  box-sizing: border-box;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: 0% 50%;
}

.image.pinteresty {
  margin-bottom: 1rem;
}

.image.hoverimageopacity:hover {
  opacity: 0;
}

.slidephoto {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 100%;
  height: 90%;
  max-height: none;
  display: flex;
  overflow: hidden;
}

.slideannotation {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 9%;
  display: flex;
}

.heroimagewrapper {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  height: 0;
  min-height: 85vh;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.heroimagewrapper.sterling {
  background-color: var(--_colour---blackish);
}

.heroimagewrapper.height {
  height: auto;
  min-height: 0;
}

.marqueeimage {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 15px;
  flex: 1;
  width: auto;
  max-width: none;
  height: auto;
  max-height: 40rem;
  display: block;
}

.youtube {
  border-radius: 15px;
  overflow: hidden;
}

.imagegrid {
  grid-row-gap: 20px;
  padding: 0;
}

.image-5 {
  border: 1px solid #000;
  border-radius: 15px;
  transform: rotate(-2deg);
}

.flex-block-2 {
  flex-flow: column;
}

.before-after-outer {
  background-color: var(--_colour---blackish);
  border: 1px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
  overflow: hidden;
}

.before-after-wrap {
  border: 1px none var(--_colour---blackish);
  border-radius: 10px;
  flex: 0 auto;
  width: 100%;
  height: auto;
  position: relative;
}

.dragger {
  z-index: 2;
  background-color: var(--_colour---blackish);
  border-radius: 0;
  justify-content: space-around;
  align-items: center;
  width: .25rem;
  height: 100%;
  display: flex;
  position: absolute;
  left: 50%;
}

.img-wrap {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.img-wrap.is-before {
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.img-wrap.is-after {
  aspect-ratio: 16 / 9;
  -webkit-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.img.is-before-after {
  background-color: var(--_colour---blackish);
  object-fit: cover;
  object-position: 0% 0%;
  border-radius: 0;
  position: absolute;
}

.dragger-inner {
  background-color: var(--_colour---background);
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 5rem;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
}

.dragger-inner:hover {
  background-color: var(--_colour---blackish);
  border-radius: 100px;
  width: 5rem;
}

.vimeoembed {
  box-sizing: border-box;
  aspect-ratio: auto;
  border: 1px solid var(--_colour---blackish);
  object-fit: cover;
  object-position: 0% 0%;
  border-radius: 10px;
  flex: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
}

.quick-stack-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 0;
}

._2x2cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_colour---background);
  border: 1px #000;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.flex-block-2-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
}

.icon {
  width: 100%;
  height: 100%;
  margin: 0;
}

.icon-2 {
  width: 100%;
  height: 100%;
}

.text-span-3 {
  font-weight: 200;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.comparisioncard {
  background-color: #f3dcbb;
  border-radius: 2px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  overflow: visible;
}

.image-7 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-8 {
  padding-left: 2rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.legacytestimonial {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-32 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  place-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.pinteresty-grid {
  column-count: 2;
}

.footer-wrap {
  padding-top: var(--footerlabelsize);
  background-image: url('../images/heart.svg');
  background-position: 50%;
  background-size: auto;
  width: 100vw;
  max-width: 100vw;
  height: auto;
  overflow: hidden;
}

.footer {
  z-index: 999;
  width: auto;
  height: 200vh;
  min-height: 0;
  position: relative;
}

.footercard {
  z-index: 2;
  border-top: .05px solid var(--_colour---blackish);
  background-color: var(--_colour---background);
  border-left: .05px solid #000;
  border-right: .05px solid #000;
  border-radius: 15px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 40%;
  padding-top: 0;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 0 -10px 100px #0000001a, 0 0 7px #0003;
}

.footercard:hover {
  box-shadow: 0 -10px 100px #0000, 0 0 20px #0000001a;
}

.footercard.rhapsodydecor {
  z-index: 0;
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  width: 80%;
  height: 75%;
  text-decoration: none;
  position: absolute;
  inset: auto 2% 0% auto;
}

.footercard.rhapsodydecor:hover {
  height: 100%;
}

.footercard.rhapsodydecor.w--current {
  display: none;
}

.footercard.sterlingdecor {
  z-index: 0;
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  width: 80%;
  height: 70%;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% 2%;
}

.footercard.sterlingdecor:hover {
  height: 90%;
}

.footercard.sterlingdecor.w--current {
  display: none;
}

.footercard.jugnidecor {
  z-index: 0;
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 80%;
  height: 65%;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% 10%;
}

.footercard.jugnidecor:hover {
  height: 85%;
}

.footercard.jugnidecor.w--current {
  display: none;
}

.footercard.fittledecor {
  z-index: 0;
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  width: 80%;
  height: 60%;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% 5%;
}

.footercard.fittledecor:hover {
  height: 78%;
}

.footercard.fittledecor.w--current {
  display: none;
}

.footercard.tingedecor {
  z-index: 0;
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  width: 80%;
  height: 55%;
  text-decoration: none;
  position: absolute;
  inset: auto 5% 0% auto;
}

.footercard.tingedecor:hover {
  height: 80%;
}

.footercard.tingedecor.w--current {
  display: none;
}

.footercard.staticfooter {
  border-style: solid none;
  border-width: 8px 8px 1px;
  border-color: var(--_colour---blackish) var(--_colour---blackish) black;
  border-radius: 0;
  height: 50%;
  min-height: 0%;
  max-height: none;
}

.footercardcontent {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.footercardcontent.static {
  opacity: 1;
  background-image: url('../images/static-footer-box.avif');
  background-position: 50% 0;
  background-size: cover;
}

.footercardtab {
  z-index: 1;
  height: var(--footerlabelsize);
  text-overflow: clip;
  bottom: auto;
  left: auto;
  right: auto;
  top: calc(.01rem - var(--footerlabelsize));
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 12rem;
  padding: 0;
  display: flex;
  position: absolute;
}

.footercardtab.rhapsodydecor {
  height: var(--footerlabelsize);
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  background-color: #fcc88a00;
  background-clip: border-box;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 10rem;
  left: 2rem;
}

.footercardtab.sterlingdecor {
  right: 35%;
}

.footercardtab.jugnidecor {
  right: 10%;
}

.footercardtab.fittledecor {
  left: 2%;
  right: auto;
}

.footercardtab.tingedecor {
  left: auto;
  right: 20%;
}

.tabtextwrap {
  background-color: var(--_colour---background);
  text-align: left;
  border-top: .05px #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
  box-shadow: 0 -10px 1px -10px #0003;
}

.tabtext {
  font-family: Otminiature, Georgia, sans-serif;
  font-weight: 400;
  font-size: calc(var(--footerlabelsize) / 2);
  line-height: calc(var(--footerlabelsize) / 2);
}

.footercontent {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #0003;
  border-radius: 15px 15px 0 0;
  flex-flow: column;
  flex: 0 auto;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.footercontent.rhapsodydecor {
  background-color: var(--_colour---rhapsody);
}

.footercontent.tingedecor {
  background-color: var(--_colour---tinge);
}

.footercontent.fittledecor {
  background-color: var(--_colour---fittle);
}

.footercontent.jugnidecor {
  background-color: var(--_colour---jugni);
}

.footercontent.sterlingdecor {
  background-color: var(--_colour---sterling);
}

.footercontent.static {
  justify-content: center;
  align-items: center;
  padding: 0 5rem 10rem;
}

.tag {
  background-color: var(--_colour---background);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.tagtext {
  flex: 0 auto;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
}

.tagswrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.footercardphoto {
  background-color: #f1e6d680;
  border-radius: 15px;
  padding: 1rem;
  overflow: hidden;
}

.div-block-33 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-34 {
  background-color: var(--_colour---blackish);
  border-radius: 100px;
  width: 15rem;
  height: 3rem;
}

.button {
  border: 1px solid var(--_colour---blackish);
  color: var(--_colour---blackish);
  background-color: #3898ec00;
  border-radius: 100px;
  flex: 0 auto;
  width: auto;
  padding: 1rem 3.5rem;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 5rem;
  font-weight: 200;
  line-height: 5rem;
}

.button:hover {
  background-color: #ffffffd9;
}

.button.lightmode {
  border-color: var(--_colour---background);
  box-shadow: inset 0 0 0 0 var(--_colour---background);
  color: var(--_colour---background);
  margin-top: 2rem;
  margin-bottom: 0;
  transition: all 25ms cubic-bezier(.47, 0, .745, .715);
}

.button.lightmode:hover {
  box-shadow: inset 0 -500px 0 0 var(--_colour---background);
  color: var(--_colour---blackish);
  background-color: #fff0;
}

.button.lightmode.smallsize {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 2rem;
  line-height: 2rem;
}

.projectdetails {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_colour---background);
  text-align: right;
  flex-flow: column;
  display: flex;
  position: relative;
  right: 0;
}

.div-block-36 {
  flex: 1;
  height: 100%;
}

.floatingthumbnailwrap {
  aspect-ratio: 1;
  background-color: #f000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: absolute;
  inset: -10% auto 0% 4%;
}

.floatingthumbnail {
  aspect-ratio: 1;
  border: 1px solid var(--_colour---blackish);
  background-color: #000;
  border-radius: 10px;
  height: 90vh;
  padding: 2rem;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: scale(.9)translate(0)rotate(0);
}

.floatingthumbnail.rhapsody {
  background-color: var(--_colour---rhapsody);
  transform: scale(.9)translate(0)rotate(-3deg);
}

.floatingthumbnail.sterling {
  background-color: var(--_colour---sterling);
  transform: scale(.9)translate(1rem, 1rem)rotate(-3deg);
}

.floatingthumbnail.jugni {
  background-color: var(--_colour---jugni);
  transform: scale(.9)translate(2rem, 2rem)rotate(-3deg);
}

.floatingthumbnail.fittle {
  background-color: var(--_colour---fittle);
  transform: scale(.9)translate(3rem, 3rem)rotate(-3deg);
}

.floatingthumbnail.tinge {
  background-color: var(--_colour---tinge);
  transform: scale(.9)translate(4rem, 4rem)rotate(-3deg);
}

.floatingthumbnail.rhapsody-filler {
  background-color: var(--_colour---rhapsody);
  transform: scale(.9)translate(4rem, 4rem)rotate(-3deg);
}

.floatingthumbnail.sterling-filler {
  background-color: var(--_colour---sterling);
  transform: scale(.9)translate(4rem, 4rem)rotate(-3deg);
}

.floatingthumbnail.jugni-filler {
  background-color: var(--_colour---jugni);
  transform: scale(.9)translate(4rem, 4rem)rotate(-3deg);
}

.floatingthumbnail.fittle-filler {
  background-color: var(--_colour---fittle);
  transform: scale(.9)translate(4rem, 4rem)rotate(-3deg);
}

.homepagewrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 80vh;
  padding: 4rem;
  display: flex;
}

.section-home {
  width: 100%;
  max-width: none;
  height: 80vh;
  min-height: 0;
  padding: 0;
}

.section-home.decor1 {
  border-top: 1px solid var(--_colour---blackish);
  border-bottom: 1px solid var(--_colour---blackish);
  flex-flow: row;
  place-content: stretch flex-end;
  align-items: center;
  height: auto;
  min-height: 0;
  padding: 2rem 4rem;
  display: flex;
}

.section-home.about-me {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 10rem 10rem 0;
  display: flex;
}

.introhead {
  text-align: left;
  letter-spacing: -2px;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 8rem;
  font-weight: 700;
  line-height: 8.5rem;
  display: inline-block;
}

.bigbuttons-arrow {
  aspect-ratio: 1;
  background-color: var(--_colour---background);
  text-align: center;
  border: 1px solid #000;
  border-radius: 1000px;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 6rem;
  padding: 0;
  display: flex;
  transform: rotate(-90deg);
}

.heading-5 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1rem;
}

.award-icon {
  color: #ffffff40;
  text-align: justify;
  padding: 1rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

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

.inthenewsgrid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--_colour---background);
  cursor: pointer;
  border: 1px solid #f1e6d680;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 2rem;
  text-decoration: none;
  display: flex;
}

.inthenewsgrid:hover {
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
}

._2otherstory {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: "Area Area-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 100%;
  max-width: none;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.testimonialmessage-copy {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

.div-block-17-copy {
  flex: 1;
  align-self: flex-start;
}

.longimpactheadingcenter {
  text-align: center;
  align-self: auto;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.5rem;
}

.italic-text {
  color: #f1e6d680;
  font-size: 1.5rem;
}

.code-embed {
  margin-bottom: 0;
}

.hoverimage {
  background-image: url('../images/18_1.avif');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  height: 100%;
}

.vimeo-with-annotation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_colour---blackish);
  border-radius: 10px;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.project-tile {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  aspect-ratio: auto;
  border: 1px none var(--_colour---blackish);
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  display: inline-flex;
  overflow: hidden;
}

.project-tile:hover {
  transform: scale(1.02)rotate(-1deg);
  box-shadow: -1px 3px 50px #0003;
}

.project-tile.rhapsody-decor {
  height: auto;
  max-height: none;
}

.project-tile.rhapsody-decor:hover {
  background-color: var(--_colour---rhapsody);
}

.project-tile.sterling-decor:hover {
  background-color: var(--_colour---sterling);
}

.project-tile.jugni-decor:hover {
  background-color: var(--_colour---jugni);
}

.project-tile.fittle-decor:hover {
  background-color: var(--_colour---fittle);
}

.project-tile.tinge-decor:hover {
  background-color: var(--_colour---tinge);
}

.project-tile.uih-decor:hover {
  background-color: var(--_colour---user-insight-hub);
}

.project-tile-thumbnail {
  border: 1px none var(--_colour---blackish);
  background-color: var(--_colour---background);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  padding: 0;
}

.project-tile-description {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 100%;
  max-width: none;
  padding: 0;
  display: flex;
}

.works-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  column-count: 1;
  overflow-wrap: normal;
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  column-gap: 2rem;
  padding: 1rem;
  display: grid;
  position: relative;
  overflow: visible;
}

.section-work {
  border: 1px solid var(--_colour---blackish);
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.section-work.work-header, .section-work.everything-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-overflow: clip;
  border-bottom-style: none;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.project-tile-text-wrap {
  border-style: solid solid none;
  border-width: 2px 2px 1px;
  border-color: var(--_colour---blackish);
  border-radius: 0;
  padding: 1rem 1.5rem;
}

.project-tile-description-wrap {
  border: 2px solid var(--_colour---blackish);
  border-radius: 0 0 10px 10px;
  padding: 1rem 1.5rem;
}

.project-tile-image {
  aspect-ratio: 16 / 9;
  border-style: solid solid none;
  border-width: 2px 2px 1px;
  border-color: var(--_colour---blackish);
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 100%;
}

.project-tile-image.bottomalign {
  object-position: 50% 100%;
}

.project-tile-wrap {
  aspect-ratio: auto;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 2rem;
  display: inline-flex;
}

.project-tile-tags-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  padding-bottom: 1rem;
  display: flex;
}

.project-tile-tag {
  background-color: var(--_colour---background);
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.text-span-4 {
  font-weight: 200;
}

.longimage {
  box-sizing: border-box;
  aspect-ratio: auto;
  border: 1px none var(--_colour---blackish);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 10px;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: 100%;
  display: block;
}

.workpagewrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem;
  display: flex;
}

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

.italic-text-2 {
  line-height: 4.5rem;
}

.textdiv-copy {
  width: 100%;
  max-width: 50%;
}

.pinteresty-item {
  border: 1px solid var(--_colour---blackish);
  width: 100%;
  max-width: none;
  margin-bottom: 2rem;
}

.pinteresty-item.curvy-border {
  border-radius: 16px;
}

.pinteresty-item.equal-height {
  aspect-ratio: 2 / 3;
  object-fit: fill;
  width: auto;
  max-width: 33%;
  height: auto;
  margin-bottom: 0;
}

.pinteresty-item.equal-height.top-align {
  object-position: 50% 100%;
}

.pinterest {
  column-count: 3;
  overflow-wrap: normal;
  flex-flow: row;
  column-gap: 2rem;
  display: block;
  position: relative;
  overflow: visible;
}

.pinterest.equal-height {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  height: auto;
  padding: 2rem;
  display: flex;
}

.selecttag {
  border: .1px solid var(--_colour---blackish);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  cursor: pointer;
  background-color: #f1e6d6a6;
  border-radius: 100px;
  padding: 1rem 2rem;
}

.selecttag:hover {
  background-color: var(--_colour---blackish);
  color: var(--_colour---background);
}

.selecttag.photography {
  color: var(--_colour---blackish);
  text-decoration: none;
}

.selecttag.photography:hover {
  color: var(--_colour---background);
  background-color: #b99159;
}

.selecttag.art {
  color: var(--_colour---blackish);
  text-decoration: none;
}

.selecttag.art:hover {
  color: var(--_colour---background);
  background-color: #776884;
}

.selecttag.type {
  color: var(--_colour---blackish);
  text-decoration: none;
}

.selecttag.type:hover {
  color: var(--_colour---background);
  background-color: #00665a;
}

.selecttag-text {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

.selecttags-wrap {
  z-index: 999999;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #f1e6d600;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: fixed;
  inset: auto 2% 2%;
}

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

.photography-section, .art-section, .typography-section {
  border: 1px solid var(--_colour---blackish);
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 2rem;
}

.bigbuttons {
  border: 1px solid var(--_colour---blackish);
  background-color: var(--_colour---background);
  color: var(--_colour---blackish);
  border-radius: 100px;
  flex: 0 auto;
  align-self: center;
  width: auto;
  padding: 1rem 3.5rem;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 4rem;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
}

.bigbuttons:hover {
  background-color: var(--_colour---blackish);
  color: var(--_colour---background);
}

.hoveroverproject {
  width: auto;
  padding-top: 2rem;
  display: block;
  position: absolute;
  inset: 2rem 4rem 2rem auto;
  overflow: visible;
}

.hoverline {
  background-color: var(--_colour---blackish);
  width: 4rem;
  height: 1px;
  margin-left: 1rem;
  position: static;
}

.image-13 {
  aspect-ratio: auto;
  object-fit: contain;
  height: auto;
}

.div-block-41 {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.aboutmebtn {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
  top: -133px;
}

.everything-else {
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: static;
  top: -133px;
}

.italic-text-3 {
  font-weight: 200;
}

.homapage-profile-photo {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.hero-profile {
  width: 100%;
  max-width: none;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  display: inline-block;
  transform: rotate(12deg);
}

.hero-profile:hover {
  transform: rotate(0);
}

.paragraph---largefont {
  text-align: left;
  letter-spacing: -1px;
  width: 35rem;
  margin-top: 10px;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
}

.div-block-42 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.text-span-5 {
  background-image: linear-gradient(to bottom, var(--_colour---background), var(--_colour---background)), url('../images/IBM-logo.avif');
  color: #1750b3;
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  font-weight: 600;
}

.text-span-5:hover {
  color: #3330;
  background-image: linear-gradient(#f1e6d600, #f1e6d600), url('../images/IBM-logo.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.workpswrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem;
  display: none;
}

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

.floatingthumbnail-image.rightalign {
  object-position: 100% 0%;
}

.footer-letter {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  aspect-ratio: auto;
  background-color: var(--_colour---background);
  opacity: 1;
  outline-offset: -20px;
  object-fit: cover;
  border-radius: 10px;
  outline: 3px dashed #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 80%;
  padding: 6rem 8rem;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 2px 14px -6px #000;
}

.heading-6 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
}

.heading-6-copy {
  text-align: center;
  letter-spacing: -2px;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
}

.link {
  color: #0057fa;
  text-decoration: none;
  transition: all .2s cubic-bezier(.23, 1, .32, 1);
  display: inline-block;
}

.link:hover {
  background-color: var(--_colour---blackish);
  outline-color: var(--_colour---blackish);
  outline-offset: 10px;
  color: var(--_colour---background);
  outline-width: 2px;
  outline-style: dashed;
  padding: 10px;
  position: relative;
  transform: rotate(-4deg)scale(1.2);
}

.link.decor2:hover {
  transform: rotate(3deg)scale(1.2);
}

.image-16 {
  width: 100%;
  height: 100%;
}

.image-17 {
  filter: invert();
  mix-blend-mode: color-burn;
  background-color: #fff;
  flex: 0 auto;
}

.image-17:hover {
  filter: invert();
}

.aboutme-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding: 4rem;
  display: flex;
}

.about-me-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 50rem;
  padding: 69px;
  display: flex;
}

.about-me-story {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
}

.image-18 {
  margin-bottom: 50px;
}

.resume {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding: 0;
}

.reumecard {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: .5px solid #000;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.resumebox-header {
  color: var(--_colour---accent-color-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Otminiature, Georgia, sans-serif;
  font-weight: 400;
}

.experience-card {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.resume-body {
  font-family: Degulartext, Palatino Linotype, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.image-21 {
  height: 100%;
}

.aboutmehead {
  text-align: left;
  letter-spacing: -2px;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Otminiature, Georgia, sans-serif;
  font-size: 8rem;
  font-weight: 700;
  line-height: 8.5rem;
  display: inline-block;
}

.image-22 {
  width: 100%;
  margin-top: -10rem;
}

.bold-text-8 {
  font-weight: 300;
}

.image-23 {
  height: 101%;
  margin-bottom: 0;
  margin-right: -2px;
}

.right-curve {
  height: 101%;
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .section.nopadding {
    max-width: 80vw;
    overflow: visible;
  }

  .projectdiv.projectcard2, .projectdiv.projectcard3, .projectdiv.projectcard4, .projectdiv.projectcard5 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .topwrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .projectsgrid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .heroheading {
    font-size: 5rem;
    line-height: 5rem;
  }

  .impactstatement {
    font-size: 16px;
    line-height: 20px;
  }

  .fullwidthwrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .impactgrid {
    flex: 0 auto;
  }

  .impactcard {
    flex-flow: column;
    flex: 0 auto;
    max-width: 100%;
  }

  .longimpactcard.float-style {
    display: flex;
  }

  .gridy-section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template: "Area"
                   "."
                   / 1fr;
  }

  .cardscontainer {
    padding-top: 0;
    padding-right: 3rem;
  }

  .textdiv {
    width: 80%;
    max-width: none;
  }

  .textdiv.whitetext {
    max-width: 80%;
  }

  .textdiv.center, .textdiv.center-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .stackcardwrapper {
    max-width: none;
  }

  .stickiesstackwrap {
    display: none;
  }

  .testimonials {
    padding: 2rem;
  }

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

  .testimonialcard {
    width: 90%;
    position: static;
  }

  .testimonialtextwrap {
    padding: 1.5rem;
  }

  .testimonialmessage {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .testimonialauthor {
    justify-content: flex-start;
    align-items: center;
  }

  .authorimage {
    width: 4rem;
    height: 4rem;
  }

  .authorname {
    font-size: 2rem;
    line-height: 2rem;
  }

  .authordesignation {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .testimonialcardstatic.decor1 {
    transform: rotate(0)translate(0, -10rem);
  }

  .testimonialcardstatic.decor {
    max-width: 95%;
  }

  .slider, .slider.size {
    height: auto;
  }

  .slidecontentwrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .annotation {
    max-width: 80%;
  }

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

  .featurecard {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.5rem;
  }

  .introdiv {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    place-items: start stretch;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heroimagewrapper {
    height: auto;
    min-height: 0;
    max-height: 85vh;
  }

  .before-after-outer {
    border-radius: 10px;
  }

  .before-after-wrap {
    border-radius: 10px;
    overflow: hidden;
  }

  .img-wrap.is-before, .img-wrap.is-after {
    border-radius: 0;
  }

  .text-span-3 {
    vertical-align: baseline;
    display: inline-block;
  }

  .legacytestimonial {
    flex-flow: column;
  }

  .footercard.rhapsodydecor {
    width: 100%;
    right: 0%;
  }

  .footercard.sterlingdecor, .footercard.jugnidecor, .footercard.fittledecor {
    width: 100%;
    left: 0%;
  }

  .footercard.tingedecor {
    width: 100%;
    right: 0%;
  }

  .footercard.staticfooter {
    border-width: 4px;
    border-color: #000;
  }

  .footercardcontent {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .footercardcontent.static {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
  }

  .footercontent.static {
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    padding: 0;
  }

  .div-block-33 {
    padding-bottom: 0;
  }

  .div-block-34 {
    width: 20rem;
    height: 3rem;
  }

  .button {
    padding: 1rem;
  }

  .homepagewrap {
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    padding: 2rem;
  }

  .section-home {
    height: auto;
  }

  .section-home.about-me {
    padding: 1rem;
  }

  .introhead {
    text-align: center;
  }

  ._2otherstory {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template: "Area"
                   "."
                   / 1fr;
  }

  .testimonialmessage-copy {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .vimeo-with-annotation {
    padding: 1rem;
  }

  .project-tile-thumbnail {
    justify-content: center;
    align-items: flex-end;
    display: block;
  }

  .works-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .section-work, .section-work.work-header, .section-work.everything-header {
    padding: 1rem;
  }

  .project-tile-image {
    aspect-ratio: auto;
    object-fit: fill;
    object-position: 50% 50%;
    max-width: none;
  }

  .project-tile-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .workpagewrap {
    padding: 2rem 2rem 4rem;
  }

  .textdiv-copy {
    width: 80%;
    max-width: none;
  }

  .pinteresty-item.equal-height {
    max-width: 33%;
    margin-bottom: 0;
  }

  .pinteresty-item.equal-height.top-align {
    margin-bottom: 0;
  }

  .pinterest {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .pinterest.equal-height {
    flex-flow: wrap;
    place-content: flex-start space-between;
    align-items: flex-start;
    padding: 0;
  }

  .selecttag-text {
    font-size: 2rem;
    line-height: 2rem;
  }

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

  .photography-section, .art-section, .typography-section {
    padding: 1rem;
  }

  .bigbuttons {
    padding: 1rem 2rem;
  }

  .div-block-41 {
    flex: 1;
  }

  .aboutmebtn {
    top: -89px;
  }

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

  .div-block-42 {
    justify-content: center;
    align-items: center;
  }

  .workpswrap {
    padding: 2rem;
    display: block;
  }

  .footer-letter {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: auto;
    max-width: none;
    padding: 3rem;
  }

  .heading-6 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .heading-6-copy {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .aboutme-wrap {
    padding: 2rem;
    overflow: hidden;
  }

  .about-me-section {
    padding-top: 0;
  }

  .reumecard {
    padding: 2rem;
  }

  .resumebox-header {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .aboutmehead {
    text-align: left;
  }

  .image-22 {
    margin-top: -5rem;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-menu {
    background-color: var(--_colour---blackish);
    flex-flow: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    height: 100vh;
    padding: 2rem;
  }

  .navlink.insidemenu {
    border-color: var(--_colour---background);
    color: var(--_colour---background);
    text-align: center;
    border-radius: 100px;
    flex: 0 auto;
    margin-bottom: 1rem;
    font-size: 4rem;
    line-height: 5rem;
  }

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

  .section {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    max-width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

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

  .heading {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .projectdiv.projectcard2, .projectdiv.projectcard3, .projectdiv.projectcard4, .projectdiv.projectcard5 {
    padding: 1rem;
  }

  .topwrap {
    max-width: 100vw;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: visible;
  }

  .heroheading {
    font-size: 4rem;
    line-height: 4rem;
  }

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

  .impactcard {
    padding: 1.5rem;
  }

  .shortimpactheading {
    font-size: 4rem;
    line-height: 4rem;
  }

  .shortimpactheading.decor2 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .longimpactheading {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .longimpactcard.float-style {
    transform: rotate(0);
  }

  .gridy-section {
    margin-bottom: 1rem;
  }

  .textdiv {
    width: 90%;
  }

  .textdiv.center, .textdiv.center-copy {
    height: 50vh;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .quick-stack-3 {
    padding: 1rem;
  }

  .testimonialswrap {
    max-width: none;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .testimonialcard.testimonial1, .testimonialcard.testimonial2, .testimonialcard.testimonial3, .testimonialcard.testimonial3.decor {
    width: 100%;
    padding: .5rem;
  }

  .testimonialtextwrap {
    padding: 1.2rem;
  }

  .testimonialmessage {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .authorname {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .authordesignation {
    letter-spacing: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .testimonialcardstatic.decor1 {
    transform: rotate(0)translate(0, -5rem);
  }

  .testimonialcardstatic.decor {
    max-width: 100%;
    padding: .5rem;
  }

  .testimonialcardstatic.decor2 {
    padding: .5rem;
  }

  .slider {
    height: auto;
  }

  .slider.onlymobile {
    display: block;
  }

  .mask-3 {
    background-color: var(--_colour---blackish);
    border-radius: 15px;
  }

  .slide {
    background-color: var(--_colour---blackish);
    margin-right: 0;
    padding: .5rem;
    overflow: hidden;
  }

  .imageswrap._1x1 {
    grid-template-columns: 1fr;
    display: block;
  }

  .imageswrap._1x1.hideonmobile {
    display: none;
  }

  .imageswrap._2x2 {
    column-gap: .5rem;
  }

  .imageswrap._2x2.notonmobile {
    display: none;
  }

  .slidecontentwrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: auto;
    margin-bottom: 2rem;
  }

  .slidecontentwrap.withoutannotation {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 2rem;
  }

  .annotationheader {
    font-size: 2rem;
    line-height: 2rem;
  }

  .stickycardswrap {
    max-width: 100%;
  }

  .stickycard._1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.5rem;
  }

  .stickycard._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.5rem;
    top: 8.2rem;
  }

  .stickycard._3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.5rem;
  }

  .featurecard {
    min-height: 0;
  }

  .featurecard.absolute {
    min-height: 35rem;
  }

  .introdiv {
    padding: 1rem;
  }

  .image {
    aspect-ratio: 3 / 2;
    flex: 0 auto;
    height: auto;
  }

  .image.margin {
    margin-bottom: .5rem;
    overflow: visible;
  }

  .image.margin.portrait, .image.portrait, .image.portrait-homar, .image.portrait-maliha, .image.portrait-aishwarya {
    aspect-ratio: 2 / 3;
  }

  .slidephoto {
    height: auto;
  }

  .marqueeimage {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    flex: 0 auto;
    max-height: 20rem;
  }

  .imagegrid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pinteresty-grid {
    column-count: 1;
  }

  .footercardcontent {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    max-width: 100%;
    padding: .5rem;
  }

  .footercontent {
    padding: 1rem;
  }

  .footercontent.static {
    justify-content: flex-start;
    align-items: center;
    margin-top: 5rem;
  }

  .tagtext {
    font-size: .8rem;
    line-height: .8rem;
  }

  .div-block-34 {
    width: 18rem;
  }

  .button {
    text-align: center;
  }

  .homepagewrap, .section-home.decor1 {
    padding: 1rem;
  }

  .section-home.about-me {
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
  }

  .introhead {
    font-size: 5rem;
    line-height: 5rem;
  }

  .bigbuttons-arrow {
    height: 5rem;
  }

  ._2otherstory {
    margin-bottom: 1rem;
  }

  .testimonialmessage-copy {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .longimpactheadingcenter {
    font-size: 2.5rem;
    line-height: 3rem;
  }

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

  .section-work {
    padding: 0;
  }

  .project-tile-tags-wrap {
    padding-bottom: .5rem;
  }

  .project-tile-tag {
    padding-left: .8rem;
    padding-right: .5rem;
  }

  .longimage {
    aspect-ratio: auto;
    flex: 0 auto;
    height: auto;
  }

  .workpagewrap {
    padding: 1rem 1rem 4rem;
  }

  .italic-text-2 {
    line-height: 3rem;
  }

  .textdiv-copy {
    width: 90%;
  }

  .pinteresty-item {
    margin-bottom: 0;
  }

  .pinterest {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .selecttag.photography, .selecttag.art {
    align-self: flex-end;
  }

  .selecttag.type {
    align-self: flex-end;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .selecttag-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .selecttags-wrap {
    justify-content: flex-end;
    align-items: flex-end;
    right: 2%;
  }

  .filtertagswrap {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    text-align: left;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .bigbuttons {
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
  }

  .div-block-41 {
    flex: 1;
    width: 100%;
  }

  .aboutmebtn {
    flex: 0 auto;
    top: -78px;
  }

  .paragraph---largefont, .div-block-42 {
    width: 100%;
  }

  .workpswrap {
    padding: 1rem;
  }

  .footer-letter {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heading-6 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .aboutme-wrap {
    padding: 1rem;
  }

  .about-me-section {
    width: 100%;
    padding: 1rem;
  }

  .about-me-story {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .aboutmehead {
    font-size: 5rem;
    line-height: 5rem;
  }

  .menubutton {
    margin-left: 6px;
    padding: 6px;
  }

  .menubutton.w--open {
    background-color: var(--_colour---blackish);
    margin-left: .5rem;
    padding: 6px;
  }

  .image-22 {
    margin-top: 0;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .nav-menu {
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    padding: 1rem;
    display: flex;
  }

  .navlink.insidemenu {
    font-size: 2rem;
    line-height: 3rem;
  }

  .label.decor2 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .label.lightmode {
    color: var(--_colour---blackish);
    font-style: italic;
  }

  .heading {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .paragraph {
    width: auto;
    font-size: 1rem;
    line-height: 1rem;
  }

  .projectdiv.projectcard2, .projectdiv.projectcard3, .projectdiv.projectcard4, .projectdiv.projectcard5 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 0;
  }

  .projectsgrid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .heroheading {
    flex-flow: wrap;
    width: 100%;
  }

  .impactstatement {
    width: 100%;
  }

  .fullwidthwrap.oldgrandpaphoto {
    background-image: linear-gradient(#000000a8, #000000a8), url('../images/2_1.avif');
    background-position: 0 0, 100% 100%;
    min-height: 15vh;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .impactcard, .impactcard.decor {
    padding: 1rem;
  }

  .shortimpactheading {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .shortimpactheading.decor, .shortimpactheading.infeaturegrid {
    line-height: 3rem;
  }

  .shortimpactheading.decor2 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .longimpactheading.center {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .longimpactcard.float-style {
    padding: 1rem;
  }

  .cardscontainer.long {
    min-height: 25rem;
  }

  .textdiv {
    width: 100%;
  }

  .minicard-1 {
    height: 100%;
    padding: 1rem;
  }

  .heading-2 {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .testimonialmessage {
    max-width: 100%;
  }

  .testimonialauthor {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-17 {
    width: 100%;
  }

  .testimonialcardstatic.decor1 {
    padding: .5rem;
    transform: rotate(0)translate(0, -3rem);
  }

  .annotation {
    max-width: 100%;
  }

  .marqueecontent {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .stickycard._1, .stickycontent1, .featurecard {
    padding: 1rem;
  }

  .featurecard.absolute {
    min-height: 28rem;
  }

  .introdiv {
    padding: 1rem;
  }

  .projecttilewrap {
    border-bottom: 1px dashed #000;
    width: 100%;
  }

  .projectdescription.paragraph {
    width: 100%;
    font-size: .8rem;
    line-height: .8rem;
  }

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

  .image.decor2 {
    aspect-ratio: auto;
  }

  .marqueeimage {
    max-height: 10rem;
  }

  .footercard {
    border-radius: 10px;
  }

  .footercard.rhapsodydecor {
    border-radius: 0;
    height: 80%;
  }

  .footercard.sterlingdecor {
    border-radius: 0;
    height: 71%;
  }

  .footercard.jugnidecor {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .footercard.fittledecor {
    border-radius: 0;
    height: 58%;
  }

  .footercard.tingedecor {
    border-radius: 0;
    height: 55%;
    left: 0%;
  }

  .footercard.staticfooter {
    height: 50%;
  }

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

  .footercardcontent.static {
    padding: 1rem;
  }

  .footercardtab {
    min-width: auto;
  }

  .footercardtab.rhapsodydecor {
    min-width: auto;
    left: auto;
    right: 5%;
  }

  .footercardtab.fittledecor {
    left: 5%;
  }

  .footercardtab.tingedecor {
    right: 30%;
  }

  .tabtextwrap {
    border-style: solid solid none;
    border-width: .05px;
    border-color: black black var(--_colour---blackish);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    flex: 0 auto;
    padding: .1rem 1.5rem;
  }

  .tabtext {
    font-size: calc(var(--footerlabelsize) / 3);
    line-height: calc(var(--footerlabelsize) / 3);
    flex: 0 auto;
  }

  .footercontent {
    border-radius: 0;
    padding: 1rem;
  }

  .footercontent.static {
    justify-content: flex-start;
    align-items: center;
  }

  .tagtext {
    font-size: .8rem;
    line-height: .8rem;
  }

  .tagswrap {
    display: none;
  }

  .div-block-34 {
    width: 10rem;
    height: 3rem;
  }

  .projectdetails {
    flex-flow: column;
    padding: 1rem;
    display: flex;
  }

  .homepagewrap {
    padding: 0;
  }

  .introhead {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .bigbuttons-arrow {
    height: 100%;
    display: none;
  }

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

  .testimonialmessage-copy {
    max-width: 100%;
  }

  .div-block-17-copy {
    width: 100%;
  }

  .vimeo-with-annotation {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    background-color: var(--_colour---background);
    color: #000;
    padding: 0;
  }

  .section-work {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section-work.work-header {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .project-tile-text-wrap {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding: .8rem;
  }

  .project-tile-description-wrap {
    border-width: 1px;
    padding: .8rem;
  }

  .project-tile-image {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
  }

  .project-tile-tags-wrap {
    grid-column-gap: .28rem;
    grid-row-gap: .28rem;
    flex-flow: wrap;
  }

  .project-tile-tag {
    border-width: .2px;
    height: 1.5rem;
    padding-left: .5rem;
  }

  .workpagewrap {
    padding: 0 0 4rem;
  }

  .textdiv-copy {
    width: 100%;
  }

  .selecttag.photography, .selecttag.art, .selecttag.type {
    padding: .8rem 1.5rem;
  }

  .bigbuttons {
    font-size: 1.5rem;
    line-height: 1rem;
  }

  .aboutmebtn {
    top: -41px;
  }

  .paragraph---largefont {
    width: auto;
    font-size: 1rem;
    line-height: 1rem;
  }

  .div-block-42 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-top: 1rem;
  }

  .workpswrap {
    border-left: 1px #000;
    border-right: 1px #000;
    padding: 0;
  }

  .footer-letter {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    outline-offset: -5px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem;
    transform: rotate(-1deg);
  }

  .heading-6 {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .heading-6-copy {
    text-align: left;
    letter-spacing: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .aboutme-wrap {
    padding: 0;
  }

  .about-me-section {
    padding: 1rem 1rem 0;
  }

  .image-18 {
    margin-bottom: 1rem;
  }

  .reumecard {
    padding: 1.5rem 1rem;
  }

  .experience-card {
    padding-bottom: 0;
  }

  .aboutmehead {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .image-23, .right-curve {
    display: none;
  }
}

#w-node-_609ad071-33b1-4a8e-4d97-e01517f23222-051966bb {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-_609ad071-33b1-4a8e-4d97-e01517f23223-051966bb {
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-_040fef20-9828-94f7-05ac-a34a2f47f9cf-051966bb, #w-node-_9455975b-d236-aa4c-7df9-d408bc944ce1-051966bb {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_31849e9c-1fd5-5aae-9f3c-656e92554ecd-051966bb, #w-node-_81e3b7ec-3501-3dcb-acc7-5d16c600d487-051966bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70b38d9f-74b2-0fc4-abc3-664728a89e61-051966bb {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .5fr .5fr;
}

#w-node-_70b38d9f-74b2-0fc4-abc3-664728a89e63-051966bb {
  grid-row: span 5 / span 5;
}

#w-node-_4d6343f3-769d-19dd-d7c8-0b311325f536-051966bb {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_27e04e25-d617-9a50-2884-50e9ea0705bd-051966bb {
  place-self: start end;
}

#w-node-_89388c03-901a-44c0-1732-961cbe7ab2d1-051966bb {
  grid-area: Area;
}

#w-node-_7dc7f3c4-7e73-0372-a584-ae5a8b1ee6b9-051966bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9210b87a-99f4-1819-5ec1-9880afd3d3d8-e7c8c6de, #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff04-e7c8c6de {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-_0a962748-3816-c145-e3e6-54ac74f9ff05-e7c8c6de {
  grid-row: span 2 / span 2;
}

#w-node-_5d8903c3-1d8b-cbc5-87c1-b9f1d61b5f16-e7c8c6de {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_0a962748-3816-c145-e3e6-54ac74f9ff0d-e7c8c6de, #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff15-e7c8c6de {
  grid-row: span 2 / span 2;
}

#w-node-de868994-a962-97bd-18eb-3b5b938ecab1-e7c8c6de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13f1d454-398f-4831-cb2f-7a90638e88f3-e7c8c6de, #w-node-_081f831b-da72-4ab2-4853-010d6f795e5a-e7c8c6de {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_1d7e64cc-185a-bb54-c6a2-3a87f797d5eb-e7c8c6de {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b56b7885-3354-194e-35a8-130f714c6370-e7c8c6de {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_73e990a1-3e15-3fe8-c5b7-73c6f641cdce-e7c8c6de, #w-node-_30c14024-8395-e62e-9fd7-27273781b8f9-e7c8c6de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c476593b-6f1c-d798-de8a-b287771db500-d8e0eec1 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-a62c49fc-ec07-bbbd-70f7-6e6ef4c50a42-d8e0eec1 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
}

#w-node-e1fefee6-f48d-6a91-756e-9798815fede9-d8e0eec1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-ab949095-9fc9-d116-6bb1-17aadee8c3b4-d8e0eec1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49a994b6-6c9d-1824-c7fc-0d0eec4bb84d-d8e0eec1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_49a994b6-6c9d-1824-c7fc-0d0eec4bb84e-d8e0eec1 {
  grid-row: span 2 / span 2;
}

#w-node-f16f8db2-7f7f-6d71-af6a-4bceffb1828e-d8e0eec1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_61a243da-7b54-a675-bab5-75fbe62884f5-d8e0eec1, #w-node-d9853582-b9ee-fd88-7512-519501f7e542-d8e0eec1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_9e1fd9bc-8350-45dc-e89d-4314836e7ae6-850fc251, #w-node-fe03b3f7-67e4-4bc1-56a5-944a83ddf844-850fc251, #w-node-_22b37ab4-0705-298b-5db6-1b4758422e09-850fc251, #w-node-_6fa6c84d-39ed-d7a6-4f6e-b8ef32208d87-850fc251 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_76f39d6c-1590-0382-ae74-a72fb485a640-850fc251 {
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-dc2df9c4-94bf-59c8-98d7-49a47306d32c-850fc251, #w-node-b89533ef-cff0-3eba-9626-e868369d3f39-850fc251 {
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
}

#w-node-bdcac49a-143d-8223-5e7a-b6bfcaa0af1f-850fc251, #w-node-e30d867b-e05a-0af5-7578-c660d9d83820-850fc251 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95ffc221-9322-67a2-daab-a039cc868c1d-850fc251 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_3c7413be-495c-53bb-d1c9-208eeebea309-850fc251 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9f65920b-a393-0332-703d-4f3c3b78e754-ed698bf7, #w-node-_3571e02a-5de5-5b1c-30b0-f2190ff98c19-ed698bf7, #w-node-_0051f4d8-d035-edcf-9210-a1a4646d8f6d-ed698bf7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_608bf713-61e8-a7c8-da10-c867dc7860a7-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1aad68c3-f0eb-db4c-719b-2c4c7844bac9-ed698bf7 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-b7e2d310-c011-6b15-81a1-c73ad85ddab5-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d726016f-f5a9-487c-f7f6-22520be706cd-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_4fd0b4ba-5358-81ef-2a7e-52887cf6fd3f-ed698bf7 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-f21d3a05-7a23-78a7-58b5-2c1cb7a27378-ed698bf7, #w-node-cda6e6f6-3da7-ceec-7b10-621c1a9bea21-ed698bf7, #w-node-_1756e120-d7b1-4474-ac95-5d22bd0c7259-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_06862010-b97c-d0c3-b120-081c58cbd475-ed698bf7, #w-node-cf4c0f4d-5a40-3021-5b2e-6a16c33b392e-ed698bf7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-cf4c0f4d-5a40-3021-5b2e-6a16c33b3930-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
}

#w-node-cf4c0f4d-5a40-3021-5b2e-6a16c33b3953-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3b2b1f7a-4678-b697-1959-8e4b6824bb3b-ed698bf7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_3b2b1f7a-4678-b697-1959-8e4b6824bb3d-ed698bf7, #w-node-_3b2b1f7a-4678-b697-1959-8e4b6824bb53-ed698bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3cb63160-8365-b83f-f6f2-fb682ba25353-ef3b310f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194c-fe194899, #w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194d-fe194899 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr 1fr;
}

#w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194e-fe194899, #w-node-_2c832636-0d5f-73d5-ceeb-63717ff81960-fe194899, #w-node-_2c832636-0d5f-73d5-ceeb-63717ff81968-fe194899 {
  grid-row: span 2 / span 2;
}

#work.w-node-f07ed640-3372-e0c2-091e-c66e17141d03-f07779f4 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 2fr;
}

@media screen and (max-width: 991px) {
  #w-node-_609ad071-33b1-4a8e-4d97-e01517f23223-051966bb {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_040fef20-9828-94f7-05ac-a34a2f47f9cf-051966bb, #w-node-_9455975b-d236-aa4c-7df9-d408bc944ce1-051966bb {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_70b38d9f-74b2-0fc4-abc3-664728a89e61-051966bb {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_70b38d9f-74b2-0fc4-abc3-664728a89e63-051966bb {
    grid-row: span 5 / span 5;
  }

  #w-node-_4d6343f3-769d-19dd-d7c8-0b311325f536-051966bb {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9210b87a-99f4-1819-5ec1-9880afd3d3d8-e7c8c6de {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
  }

  #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff04-e7c8c6de {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff05-e7c8c6de {
    grid-row: span 2 / span 2;
  }

  #w-node-_5d8903c3-1d8b-cbc5-87c1-b9f1d61b5f16-e7c8c6de {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff0d-e7c8c6de, #w-node-_0a962748-3816-c145-e3e6-54ac74f9ff15-e7c8c6de {
    grid-row: span 2 / span 2;
  }

  #w-node-_13f1d454-398f-4831-cb2f-7a90638e88f3-e7c8c6de, #w-node-_081f831b-da72-4ab2-4853-010d6f795e5a-e7c8c6de {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c476593b-6f1c-d798-de8a-b287771db500-d8e0eec1 {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr .75fr;
  }

  #w-node-a62c49fc-ec07-bbbd-70f7-6e6ef4c50a42-d8e0eec1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-a62c49fc-ec07-bbbd-70f7-6e6ef4c50a5a-d8e0eec1 {
    grid-row: span 2 / span 2;
  }

  #w-node-e1fefee6-f48d-6a91-756e-9798815fede9-d8e0eec1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a62c49fc-ec07-bbbd-70f7-6e6ef4c50a4c-d8e0eec1 {
    grid-row: span 2 / span 2;
  }

  #w-node-f16f8db2-7f7f-6d71-af6a-4bceffb1828e-d8e0eec1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_61a243da-7b54-a675-bab5-75fbe62884f5-d8e0eec1, #w-node-d9853582-b9ee-fd88-7512-519501f7e542-d8e0eec1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_76f39d6c-1590-0382-ae74-a72fb485a640-850fc251 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-dc2df9c4-94bf-59c8-98d7-49a47306d32c-850fc251, #w-node-b89533ef-cff0-3eba-9626-e868369d3f39-850fc251 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_95ffc221-9322-67a2-daab-a039cc868c1d-850fc251 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-d726016f-f5a9-487c-f7f6-22520be706cd-ed698bf7, #w-node-f21d3a05-7a23-78a7-58b5-2c1cb7a27378-ed698bf7, #w-node-_1756e120-d7b1-4474-ac95-5d22bd0c7259-ed698bf7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_06862010-b97c-d0c3-b120-081c58cbd475-ed698bf7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-cf4c0f4d-5a40-3021-5b2e-6a16c33b3930-ed698bf7, #w-node-cf4c0f4d-5a40-3021-5b2e-6a16c33b3953-ed698bf7, #w-node-_3b2b1f7a-4678-b697-1959-8e4b6824bb3d-ed698bf7, #w-node-_3b2b1f7a-4678-b697-1959-8e4b6824bb53-ed698bf7, #w-node-_3cb63160-8365-b83f-f6f2-fb682ba25353-ef3b310f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194c-fe194899 {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
  }

  #w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194d-fe194899 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  #w-node-_2c832636-0d5f-73d5-ceeb-63717ff8194e-fe194899, #w-node-_2c832636-0d5f-73d5-ceeb-63717ff81960-fe194899, #w-node-_2c832636-0d5f-73d5-ceeb-63717ff81968-fe194899 {
    grid-row: span 2 / span 2;
  }

  #work.w-node-f07ed640-3372-e0c2-091e-c66e17141d03-f07779f4 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1.25fr;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e1fefee6-f48d-6a91-756e-9798815fede9-d8e0eec1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_49a994b6-6c9d-1824-c7fc-0d0eec4bb84d-d8e0eec1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  #w-node-_49a994b6-6c9d-1824-c7fc-0d0eec4bb84e-d8e0eec1 {
    grid-row: span 2 / span 2;
  }

  #w-node-_61a243da-7b54-a675-bab5-75fbe62884f5-d8e0eec1, #w-node-d9853582-b9ee-fd88-7512-519501f7e542-d8e0eec1, #w-node-_3c7413be-495c-53bb-d1c9-208eeebea309-850fc251, #w-node-b7e2d310-c011-6b15-81a1-c73ad85ddab5-ed698bf7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_040fef20-9828-94f7-05ac-a34a2f47f9cf-051966bb, #w-node-_9455975b-d236-aa4c-7df9-d408bc944ce1-051966bb, #w-node-_5d8903c3-1d8b-cbc5-87c1-b9f1d61b5f16-e7c8c6de, #w-node-_1d7e64cc-185a-bb54-c6a2-3a87f797d5eb-e7c8c6de, #w-node-_3c7413be-495c-53bb-d1c9-208eeebea309-850fc251, #w-node-_06862010-b97c-d0c3-b120-081c58cbd475-ed698bf7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-ExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Otminiature';
  src: url('../fonts/OTMiniature-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Degulartext';
  src: url('../fonts/DegularText-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}