.oPgQu8SKjegWaoy9kovkQ {
  display: flex;
  align-items: start;
  justify-content: start;
  padding-left: 1rem;
  padding-top: 10vh;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-color: rgba(255,255,255,0.7);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  position: fixed;
  z-index: 100;
  transform-origin: center left;
}
@media (min-width: 640px) {
  .oPgQu8SKjegWaoy9kovkQ {
    padding-left: 5rem;
  }
}
@media (prefers-color-scheme: dark) {
  .oPgQu8SKjegWaoy9kovkQ {
    background-color: rgba(51,51,51,0.7);
  }
}
._2zEZf7qbfzjc6GLo824aiO {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
._1j0V_pQ51N2rBK6xqK_uie {
  display: block;
  padding: 1px 0;
  position: relative;
  letter-spacing: -0.02em;
}
._1j0V_pQ51N2rBK6xqK_uie:hover {
  color: currentColor;
}
._1j0V_pQ51N2rBK6xqK_uie:hover ._22ndCNPH40b9bQM2Ho7cQd {
  display: inline-block;
}
._1j0V_pQ51N2rBK6xqK_uie:active {
  top: 1px;
}
._3UJkuXBRY9k9BuD3n94OM6 {
  display: inline-block;
  position: relative;
}
._3UJkuXBRY9k9BuD3n94OM6:before {
  background-color: currentColor;
  content: '';
  display: block;
  position: absolute;
  bottom: 48%;
  left: -2px;
  right: -2px;
  height: 2px;
  transform: scaleX(0);
  transition: all 240ms ease-in-out;
  transform-origin: top left;
  display: inline-block;
  border-radius: 2px;
}
._2P84T9k348qoVgVTI4wx7H ._3UJkuXBRY9k9BuD3n94OM6:before {
  transform: scaleX(1);
}
._22ndCNPH40b9bQM2Ho7cQd {
  font-weight: 300;
  opacity: 0.6;
  margin-left: 0.5em;
  display: none;
}
._3bYFiPx2OdsfQRHqeS60XA {
  font-size: 0.9rem;
  margin: 2rem 0;
}

._2kfWRx37TMaiF1M45Xf4qE {
  overflow: hidden;
  position: relative;
  clip-path: url("#myClip");
  -webkit-clip-path: url("#myClip");
  background: currentColor;
}
._2kfWRx37TMaiF1M45Xf4qE svg {
  width: 40px;
  height: 40px;
}
._2kfWRx37TMaiF1M45Xf4qE img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}

._2f9Wht6vrMeX6KcRjfLPuR {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  display: block;
}
._2f9Wht6vrMeX6KcRjfLPuR:active {
  transform: scale(0.8);
  transition: all 300ms ease-out;
}
._2f9Wht6vrMeX6KcRjfLPuR > div {
  height: 2px;
  width: 20px;
  background-color: currentColor;
  border-radius: 2px;
  transform-origin: center center;
  transition: transform 150ms cubic-bezier(0.075, 0.82, 0.165, 1), top 150ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
}
._3Y4nW1UNBBecZijWIgmt4F {
  display: none;
}
._2FMWIi8NviGY-1wkQu_YsO {
  position: absolute;
  top: 10.75px;
  left: 5px;
}
._2SHQkJAOA-LUB63sYjx5ZV {
  position: absolute;
  top: 17.25px;
  left: 5px;
}
._1-FnkwGKZUxpWCGu2KzUO- > div {
  transition: top 150ms cubic-bezier(0.075, 0.82, 0.165, 1), transform 150ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
  transform: translateZ(0);
}
._1-FnkwGKZUxpWCGu2KzUO- ._2FMWIi8NviGY-1wkQu_YsO {
  transform: rotate(45deg);
  top: 15px;
}
._1-FnkwGKZUxpWCGu2KzUO- ._2SHQkJAOA-LUB63sYjx5ZV {
  transform: rotate(-45deg);
  top: 15px;
}

._1LAR7d8iIBlYU4NCLLhDYX {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  height: 4rem;
  display: flex;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  transform-origin: bottom left;
  font-size: 0.7rem;
  font-weight: 400;
  white-space: nowrap;
  text-transform: lowercase;
  width: 100%;
  padding: 0 1rem;
  transition: background 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
  font-family: "Decimal SC A", "Decimal SC B", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Helvetica, sans-serif;
  background-color: rgba(250,250,250,0.7);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
@media (prefers-color-scheme: dark) {
  ._1LAR7d8iIBlYU4NCLLhDYX {
    background-color: rgba(68,68,68,0.7);
  }
}
@media (min-width: 640px) {
  ._1LAR7d8iIBlYU4NCLLhDYX {
    padding: 0 2rem 0 15.5vh;
    width: 100vh;
    top: -4rem;
    left: 0;
    transform: rotate(90deg);
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 640px) {
  .OhZMG7yhpEW96I5jLgeqx {
    transform: rotate(-90deg);
  }
}
.T9XAU3nXHbTdtHFHAEZjL {
  background: none transparent !important;
  backdrop-filter: none !important;
}
._2Yii32NyK1LBw-jixjRgSr {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
._2IxMBS_Sy9XAyrc2r3nrcS {
  opacity: 0;
}

* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures /* for up-to-date browsers, including IE10 and Opera 21 */;
  font-family: "Decimal A", "Decimal B", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.6;
  transition: background 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: #fafafa;
  color: #444;
  padding-top: 4rem;
}
@media (min-width: 640px) {
  body {
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  body {
    font-size: 1.1rem;
  }
}
@media (min-width: 1400px) {
  body {
    font-size: 1.15rem;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #444;
    color: #fafafa;
  }
}
._3rETzwpeYcqlIzsnSiugp-,
.smallcaps,
dt {
  font-family: "Decimal SC A", "Decimal SC B", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Helvetica, sans-serif;
  font-size: 0.87em;
  letter-spacing: 0.02em;
  text-transform: lowercase;
}
strong {
  font-weight: 500;
}
a {
  text-decoration: none;
  font-weight: 500;
  color: #848e26;
}
h1,
h2 {
  padding: 4px 0;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.05rem;
}
h3 {
  font-size: 1rem;
  margin: 1em 0 0;
}
dt {
  margin: 0;
  padding: 0;
  opacity: 0.7;
}
dd {
  margin: 0 0 0.7em;
  padding: 0;
}
img,
svg {
  max-width: 100%;
  height: auto;
}
p,
dl {
  margin: 0 0 0.5rem 0;
}
.underline {
  position: relative;
  display: inline-block;
}
.underline:before {
  background-color: currentColor;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  transform: scaleX(0);
  transition: all 240ms ease-in-out;
  transform-origin: top left;
}
.underline:hover:before {
  transform: scaleX(1);
}
.emDash {
  display: inline-block;
  margin: 0 0.04em;
}
.offsetImg {
  overflow: visible;
  height: 400px;
  position: relative;
}
.offsetImg img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: none;
  width: auto;
}
.offsetImgLg {
  height: 640px;
}
.copy {
  font-size: 1.3rem;
  max-width: 40rem;
  line-height: 1.5;
}
.copyCentered {
  margin: 0 auto;
}
.copyright {
  opacity: 0.5;
  font-size: 0.8rem;
  padding: 1em 0;
}
.fullscreen {
  min-height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: transparent;
}
.logoType {
  letter-spacing: -0.01em;
  font-weight: 300;
  font-size: inherit;
  margin-bottom: 1.35rem;
  line-height: 1.5;
}
section {
  background-color: #fff;
  margin: 0 auto 1rem;
  max-width: 1700px;
  padding: 1rem;
  overflow: hidden;
}
section.caption {
  background-color: transparent;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 2.5rem;
}
section.intro {
  background-color: transparent;
  padding-top: 14vh;
}
@media (prefers-color-scheme: dark) {
  section {
    background-color: rgba(51,51,51,0.5);
  }
}
@media (min-width: 640px) {
  section {
    margin: 0 1rem 1rem 5rem;
  }
  section.bleed {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 960px) {
  section {
    margin: 0 5rem 2rem 5rem;
  }
}
@media (min-width: 1700px) {
  section,
  section.bleed {
    margin-right: auto;
    margin-left: auto;
  }
}
.columns {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 640px) {
  .columns {
    display: flex;
    flex-direction: row;
  }
}
.column {
  padding: 1rem;
}
@media (min-width: 640px) {
  .column {
    flex: 1 1 0;
  }
  .column.is-end {
    align-self: flex-end;
  }
}
.is-transparent {
  background-color: transparent;
}
.intro {
  min-height: 40vh;
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .intro .columns {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 640px) {
  .is-three-quarters {
    flex: none;
    width: 75%;
  }
  .is-half {
    flex: none;
    width: 50%;
  }
  .is-one-quarter {
    flex: none;
    width: 25%;
  }
  .is-vcentered {
    align-items: center;
  }
  .is-offset-one-quarter {
    margin-left: 25%;
  }
  .is-offset-half {
    margin-left: 50%;
  }
  .is-not-padded {
    padding: 0;
  }
}
.lg {
  min-height: 60vh;
}
.copyXs {
  font-size: 0.8rem;
}
.copySm {
  font-size: 0.9rem;
}
.align-right {
  text-align: right;
}
caption {
  font-size: 0.8rem;
  display: block;
  text-align: left;
  opacity: 0.8;
}
abbr {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
  cursor: help;
}
.home-intro {
  margin-bottom: 1em;
}
.home-intro a {
  color: currentColor;
}

._3CiJFz63YYj18bqnb1YOGv .sidebar {
  display: none;
}
._3CiJFz63YYj18bqnb1YOGv .logoType {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
  text-align: center;
}
._3CiJFz63YYj18bqnb1YOGv .logoType strong {
  font-weight: 600;
}
._2ycsa9tWNCLv8O0GGpz8UD h4 {
  margin: 0;
  font-size: 14rem;
  text-align: center;
  letter-spacing: -0.01em;
}

.gt8SxUjb0indKz5TR0jLg {
  background-color: #000;
  color: #fff;
}
.gt8SxUjb0indKz5TR0jLg .menuBackground {
  background-color: rgba(0,0,0,0.7);
}
._1elEcJ1e2_2QAIEWTgb2ug {
  font-size: 4em;
}

._2QTo4Qq1I9tR_2_ReSwj0N {
  background-color: #1c364e;
  color: #f6e3c9;
}
._2QTo4Qq1I9tR_2_ReSwj0N a {
  color: #f6e3c9;
}
._2QTo4Qq1I9tR_2_ReSwj0N a:hover {
  color: #ecc187;
}
._2QTo4Qq1I9tR_2_ReSwj0N .sidebar {
  background: transparent;
  color: #080f16;
}
._2QTo4Qq1I9tR_2_ReSwj0N .menuBackground {
  background: rgba(41,80,116,0.6);
}
.RBRwE64R_1eQgsdOwJ_BC {
  background-color: transparent;
}
.RBRwE64R_1eQgsdOwJ_BC a {
  color: currentColor;
}
.RBRwE64R_1eQgsdOwJ_BC svg {
  margin-bottom: 80px;
}

._3ShOz1XVZjPdHjWeeK_WtZ {
  background-color: #f6cf48;
  color: #625835;
}
._3ShOz1XVZjPdHjWeeK_WtZ a {
  color: currentColor;
}
._3ShOz1XVZjPdHjWeeK_WtZ a:hover {
  color: #000;
}
._3ShOz1XVZjPdHjWeeK_WtZ .sidebar,
._3ShOz1XVZjPdHjWeeK_WtZ .menuBackground {
  background-color: rgba(251,232,169,0.7);
  color: #625835;
}
@media (prefers-color-scheme: dark) {
  ._3ShOz1XVZjPdHjWeeK_WtZ a:hover {
    color: #fff;
  }
}
@media (prefers-color-scheme: dark) {
  ._3ShOz1XVZjPdHjWeeK_WtZ .menuBackground {
    color: #fff;
    background-color: rgba(51,51,51,0.7);
  }
}
@media (min-width: 640px) {
  ._3ShOz1XVZjPdHjWeeK_WtZ .sidebar {
    background: transparent;
  }
}
@media (max-width: 640px) and (prefers-color-scheme: dark) {
  ._3ShOz1XVZjPdHjWeeK_WtZ .sidebar {
    background-color: rgba(51,51,51,0.7);
  }
}
@media (prefers-color-scheme: dark) {
  ._3ShOz1XVZjPdHjWeeK_WtZ {
    background-color: #333;
    color: #fff;
  }
  ._3ShOz1XVZjPdHjWeeK_WtZ a {
    color: #f6cf48;
  }
}
@media (prefers-color-scheme: dark) {
  .jm_FyGGySllRL2KOgg6Sf {
    background-color: #625835;
  }
}

._1nnMWpFBT3J5Uygwqec7rE {
  background: #fff;
  color: #434a4a;
}
._1nnMWpFBT3J5Uygwqec7rE a {
  color: #aba7a0;
}
@media (prefers-color-scheme: dark) {
  ._1nnMWpFBT3J5Uygwqec7rE {
    background: #434a4a;
    color: #fff;
  }
}
._3TGaHTPZlyQCJlzJlBu23Y {
  background-color: #aba7a0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: bottom right;
}
@media (prefers-color-scheme: dark) {
  ._3TGaHTPZlyQCJlzJlBu23Y {
    background-color: #434a4a;
  }
}
._26WA9wdXveGn2Qp5aNDmL7 {
  background: transparent;
  padding: 80px 40px;
}
._26WA9wdXveGn2Qp5aNDmL7 img {
  width: 100%;
}
.EBkcU50gs-sA4akvsI_QI {
  background: transparent;
}
._2Amvof6uqh_Cba2TbNs4-V {
  background: transparent;
}
.PUosZ7GLaINItCqJ7Mevo {
  background: transparent;
}

._3rPTI3tbhiqQ38CNKtJ2u5 a {
  color: #009de5;
}
._2TYCpatfMDC6yXCqC96cYk {
  background-color: #039ce5;
  color: #fff;
}
._2TYCpatfMDC6yXCqC96cYk a {
  color: currentColor;
}
._29v6oqbgupjamWOjQ9NqN4 {
  background-color: rgba(237,239,241,0.5);
  padding: 30px 30px 0;
  margin-bottom: 0;
}
@media (prefers-color-scheme: dark) {
  ._29v6oqbgupjamWOjQ9NqN4 {
    background: #2e3a4e;
  }
}
._29v6oqbgupjamWOjQ9NqN4 img {
  display: block;
  margin: 0 auto;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

._2P-NiuLJxDhXS-MgOViD2_ {
  margin-top: 10rem;
}
._1sjqpmcLlqQ9MZbz5j_vnf {
  background-color: #1d1e20;
  color: #93959f;
}
._1sjqpmcLlqQ9MZbz5j_vnf a {
  color: #7aa74c;
}
._1sjqpmcLlqQ9MZbz5j_vnf .menuBackground {
  background: rgba(2,2,3,0.7);
}
@media (max-width: 640px) {
  ._1sjqpmcLlqQ9MZbz5j_vnf .sidebar {
    background: rgba(2,2,3,0.7);
  }
}
._1QmD-TByefdWty6epQN8-m svg path {
  fill: #fff;
}
._31j8LUZsxVH1q_17jlW9XC {
  margin: 0 0 0 auto;
  width: 345px;
  position: relative;
}
@media (max-width: 640px) {
  ._31j8LUZsxVH1q_17jlW9XC {
    transform: translateX(-32px);
  }
}
._31j8LUZsxVH1q_17jlW9XC iframe {
  position: absolute;
  top: 107px;
  left: 30px;
}
._31j8LUZsxVH1q_17jlW9XC img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  pointer-events: none;
}

._1HuFQZZlWeorf4LNDL-AP7 {
  background-color: #fff;
}
._1HuFQZZlWeorf4LNDL-AP7 a {
  color: #084c76;
}
@media (prefers-color-scheme: dark) {
  ._1HuFQZZlWeorf4LNDL-AP7 {
    background-color: #0e2842;
  }
  ._1HuFQZZlWeorf4LNDL-AP7 a {
    color: #86ba42;
  }
}
@media (prefers-color-scheme: dark) and (max-width: 640px) {
  ._1HuFQZZlWeorf4LNDL-AP7 .sidebar {
    background: rgba(11,32,53,0.7);
  }
}
._3hjNv_xbTTIwGMYBe_IYy- {
  background-image: url("/img/portfolio/sencha/collateral/wallpaper.jpg");
  background-size: cover;
  background-position: center center;
}
._23V6YZUgfOW5O3urVXvNlv {
  padding-top: 6em;
  padding-bottom: 6em;
  overflow: auto;
}
@media (prefers-color-scheme: dark) {
  ._23V6YZUgfOW5O3urVXvNlv {
    background-color: #3b3b3a;
  }
}
._23V6YZUgfOW5O3urVXvNlv > div {
  display: flex;
  align-items: center;
}
._23V6YZUgfOW5O3urVXvNlv > div img {
  display: block;
  width: 260px;
  height: auto;
  margin-right: 30px;
}
._3feL-_38S10BlrY6CZn_VP {
  background: #e8e8e8;
}
@media (prefers-color-scheme: dark) {
  ._3feL-_38S10BlrY6CZn_VP {
    background: #0c2843;
  }
}
._2qsCQCckzrMe4IJWSsFdvU {
  min-height: 100vh;
  background-image: url("/img/portfolio/sencha/touch/kiva-touch_480.png");
  background-size: cover;
  background-position: center center;
}
@media (min-width: 640px) {
  ._2qsCQCckzrMe4IJWSsFdvU {
    background-image: url("/img/portfolio/sencha/touch/kiva-touch_1600.png");
  }
}

._2cU9qPRM-kEX2rDQKu63Ty {
  background-color: #f5f4f3;
}
._2cU9qPRM-kEX2rDQKu63Ty a {
  color: #eb646c;
}
@media (prefers-color-scheme: dark) {
  ._2cU9qPRM-kEX2rDQKu63Ty {
    background-color: #1b1917;
  }
  ._2cU9qPRM-kEX2rDQKu63Ty a {
    color: #ec6d75;
  }
  ._2cU9qPRM-kEX2rDQKu63Ty section:not([class]) {
    background-color: #504b47;
  }
  ._2cU9qPRM-kEX2rDQKu63Ty section:not([class]) strong,
  ._2cU9qPRM-kEX2rDQKu63Ty section:not([class]) h1,
  ._2cU9qPRM-kEX2rDQKu63Ty section:not([class]) h2,
  ._2cU9qPRM-kEX2rDQKu63Ty section:not([class]) h3 {
    color: #f5f4f3;
  }
}
@media (prefers-color-scheme: dark) and (max-width: 640px) {
  ._2cU9qPRM-kEX2rDQKu63Ty .sidebar {
    background: rgba(43,40,38,0.7);
  }
}
._2oNsgYf-0FhDidOfirYXiC {
  transform-origin: top left;
}
._2VDwzawNKkhcP0515HeRr6 {
  background-color: #eb646c;
  margin-bottom: 2rem;
}
._2VDwzawNKkhcP0515HeRr6 a {
  color: currentColor;
  font-weight: 500;
}
._2VDwzawNKkhcP0515HeRr6 svg {
  width: 300px;
  height: auto;
}
._2VDwzawNKkhcP0515HeRr6 path:nth-child(1) {
  fill: #2c519f;
}
._2VDwzawNKkhcP0515HeRr6 path:nth-child(2) {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  ._2VDwzawNKkhcP0515HeRr6 {
    background-color: #2c519f;
  }
  ._2VDwzawNKkhcP0515HeRr6 svg path:nth-child(1) {
    fill: #eb646c;
  }
}
._1aQOrq6AYED_U7FPQHR4Kd {
  color: #504b47;
  overflow: hidden;
}
._1aQOrq6AYED_U7FPQHR4Kd strong,
._1aQOrq6AYED_U7FPQHR4Kd h1,
._1aQOrq6AYED_U7FPQHR4Kd h2,
._1aQOrq6AYED_U7FPQHR4Kd h3 {
  color: #36322f;
}
@media (prefers-color-scheme: dark) {
  ._1aQOrq6AYED_U7FPQHR4Kd {
    color: #d0cdcb;
  }
  ._1aQOrq6AYED_U7FPQHR4Kd strong,
  ._1aQOrq6AYED_U7FPQHR4Kd h1,
  ._1aQOrq6AYED_U7FPQHR4Kd h2,
  ._1aQOrq6AYED_U7FPQHR4Kd h3 {
    color: #f5f4f3;
  }
}
._2_a5wdjeHRdC1OFiMzxk6i {
  color: #36322f;
}
._2_a5wdjeHRdC1OFiMzxk6i img {
  margin-top: -12px !important;
}
.MVIY74398Q0sysMWBfu0j {
  padding-bottom: 0;
}
.MVIY74398Q0sysMWBfu0j img {
  display: block;
  margin: 0 auto;
  padding: 1rem 2.5rem 0;
}