/* Software and commerce studies, sharing the gallery's open grid surface. */
.possibilities.exploration-gallery.pillars-gallery .saas-art::before,
.possibilities.exploration-gallery.pillars-gallery .commerce-art::before {
  content: "";
  position: absolute;
  left: calc(50% - 105px);
  top: 205px;
  width: 210px;
  height: 29px;
  border-radius: 50%;
  background: radial-gradient(ellipse, #29324925, transparent 70%);
  filter: blur(5px);
}

.possibilities.exploration-gallery.pillars-gallery .saas-window {
  --pillar-rest: rotate(-7deg);
  position: absolute;
  z-index: 1;
  top: 58px;
  left: calc(50% - 99px);
  width: 192px;
  height: 145px;
  border: 1px solid #fffcf8;
  border-radius: 8px;
  background: #fffaf5;
  box-shadow: 0 0 0 1px #8d8e9c27, 2px 3px 0 #d1d1d8, 4px 6px 0 #adb3c04a, 9px 17px 22px #35426124;
  overflow: hidden;
  transform: var(--pillar-pose, var(--pillar-rest));
  transition: transform .6s var(--ease), box-shadow .6s var(--ease);
}

.possibilities.exploration-gallery.pillars-gallery .saas-toolbar {
  height: 20px;
  display: flex;
  gap: 4px;
  align-items: center;
  padding-left: 10px;
  border-bottom: 1px solid #e6dfdf;
  background: linear-gradient(#fffdf9, #f4eeec);
}

.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d1b9bf;
}

.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i:nth-child(2) { background: #d6d1ca; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i:nth-child(3) { background: #9caec8; }

.possibilities.exploration-gallery.pillars-gallery .saas-toolbar::after {
  content: "";
  width: 58px;
  height: 5px;
  margin-left: 24px;
  border: 1px solid #e4dddc;
  border-radius: 2px;
  background: #fffaf8;
}

.possibilities.exploration-gallery.pillars-gallery .saas-rail {
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 0;
  width: 31px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  padding-top: 13px;
  background: linear-gradient(120deg, #34405b, #202638);
  box-shadow: inset -2px 0 3px #131b2b1a;
}

.possibilities.exploration-gallery.pillars-gallery .saas-rail b {
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 3px;
  border: 2px solid #e9d1d6;
  border-radius: 3px;
  transform: rotate(-9deg);
}

.possibilities.exploration-gallery.pillars-gallery .saas-rail i {
  display: block;
  width: 10px;
  height: 6px;
  border: 1px solid #99abc980;
  border-radius: 1px;
}

.possibilities.exploration-gallery.pillars-gallery .saas-rail i:first-of-type {
  border-color: #d994a3;
  background: #d994a3;
  box-shadow: 0 0 0 4px #d994a312;
}

.possibilities.exploration-gallery.pillars-gallery .saas-content {
  position: absolute;
  top: 31px;
  left: 43px;
  right: 13px;
  bottom: 11px;
}

.possibilities.exploration-gallery.pillars-gallery .saas-metrics {
  display: flex;
  gap: 8px;
  height: 26px;
}

.possibilities.exploration-gallery.pillars-gallery .saas-metrics i {
  position: relative;
  display: block;
  flex: 1;
  border: 1px solid #dedce1;
  border-radius: 3px;
  background: #f2eff1;
}

.possibilities.exploration-gallery.pillars-gallery .saas-metrics i::before,
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 18px;
  height: 3px;
  border-radius: 1px;
  background: #aaadbc;
}

.possibilities.exploration-gallery.pillars-gallery .saas-metrics i::after {
  top: 14px;
  width: 29px;
  height: 4px;
  background: #546784;
}

.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child { background: #f3e7e9; border-color: #e6d3d8; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child::before { background: #cc9ca8; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child::after { background: #b3667b; width: 21px; }

.possibilities.exploration-gallery.pillars-gallery .saas-chart {
  height: 46px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 9px;
  padding: 7px 6px 0;
  margin-top: 8px;
  border-bottom: 1px solid #ccd2dc;
  background: repeating-linear-gradient(0deg, transparent 0 14px, #d7dbe343 14px 15px);
}

.possibilities.exploration-gallery.pillars-gallery .saas-chart i {
  display: block;
  flex: 1;
  height: 55%;
  border: 1px solid #97aacc;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(90deg, #b4c4dd, #8fa8d0);
}

.possibilities.exploration-gallery.pillars-gallery .saas-chart i:nth-child(2) { height: 80%; }
.possibilities.exploration-gallery.pillars-gallery .saas-chart i:nth-child(3) { height: 62%; background: #d394a4; border-color: #c38696; }
.possibilities.exploration-gallery.pillars-gallery .saas-chart i:nth-child(4) { height: 94%; }
.possibilities.exploration-gallery.pillars-gallery .saas-chart i:nth-child(5) { height: 73%; }

.possibilities.exploration-gallery.pillars-gallery .saas-lines { margin-top: 8px; }
.possibilities.exploration-gallery.pillars-gallery .saas-lines i {
  display: block;
  height: 3px;
  width: 78%;
  margin-top: 5px;
  border-radius: 1px;
  background: linear-gradient(90deg, #b5bccb 0 6%, transparent 6% 13%, #e1dce0 13%);
}
.possibilities.exploration-gallery.pillars-gallery .saas-lines i:last-child { width: 61%; }

.possibilities.exploration-gallery.pillars-gallery .saas-module {
  --pillar-rest: rotate(8deg);
  position: absolute;
  z-index: 2;
  top: 164px;
  left: calc(50% + 40px);
  width: 67px;
  height: 54px;
  padding: 11px 10px;
  border: 1px solid #f1f3f7;
  border-radius: 7px;
  background: linear-gradient(135deg, #a8bcda, #809ac1);
  box-shadow: 2px 3px 0 #7487a0, 6px 12px 16px #263f6726, inset 0 1px 0 #ffffff80;
  transform: var(--pillar-pose, var(--pillar-rest));
  transition: transform .6s var(--ease);
}

.possibilities.exploration-gallery.pillars-gallery .saas-module i {
  position: relative;
  display: block;
  width: 100%;
  height: 10px;
  margin-bottom: 8px;
  border: 1px solid #c7d5e866;
  border-radius: 8px;
  background: #536c941f;
}

.possibilities.exploration-gallery.pillars-gallery .saas-module i::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 17px;
  height: 3px;
  border-radius: 1px;
  background: #dce5f2;
}

.possibilities.exploration-gallery.pillars-gallery .saas-module i::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff4e6;
  box-shadow: 0 1px 1px #45618e45;
}

.possibilities.exploration-gallery.pillars-gallery .saas-module i:last-child::after { background: #e6b7c2; }

/* Commerce: a tangible shopfront, built from folded and glazed planes. */
.possibilities.exploration-gallery.pillars-gallery .commerce-shop {
  --pillar-rest: perspective(650px) rotateY(-13deg) rotateZ(3deg);
  position: absolute;
  z-index: 1;
  top: 83px;
  left: calc(50% - 79px);
  width: 158px;
  height: 126px;
  border: 1px solid #fffcf6;
  border-radius: 3px;
  background: linear-gradient(110deg, #fff9ef, #eadfd6);
  box-shadow: 5px 2px 0 #bfa6a3, 7px 3px 0 #d3bebb, 11px 13px 20px #44304a1f;
  transform: var(--pillar-pose, var(--pillar-rest));
  transition: transform .6s var(--ease);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-sign {
  position: absolute;
  left: 18px;
  right: 18px;
  top: -29px;
  height: 26px;
  border: 3px solid #f8eee8;
  border-radius: 3px;
  background: linear-gradient(120deg, #343e58, #202638);
  box-shadow: 3px 2px 0 #b2a1a0, 0 4px 4px #493c4217;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-sign::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 13px;
  width: 11px;
  height: 11px;
  border: 2px solid #e0adb9;
  border-radius: 50% 50% 3px 3px;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-sign::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 35px;
  width: 56px;
  height: 5px;
  border-top: 2px solid #eee7e0;
  border-bottom: 1px solid #c6b7bd;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-awning {
  position: absolute;
  z-index: 4;
  top: -7px;
  left: -9px;
  width: 174px;
  height: 25px;
  border: 1px solid #ebbdc5;
  border-radius: 3px 3px 0 0;
  background: repeating-linear-gradient(90deg, #ca7689 0 17px, #faeee6 17px 34px);
  transform: perspective(200px) rotateX(22deg);
  transform-origin: bottom center;
  box-shadow: inset 0 9px 8px #fff5eb40, 0 9px 8px #5f354620;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-awning::after {
  content: "";
  position: absolute;
  top: 23px;
  left: -1px;
  width: 174px;
  height: 11px;
  border-radius: 0 0 3px 3px;
  background: repeating-linear-gradient(90deg, #b75e75 0 17px, #e8dad2 17px 34px);
  clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 90% 70%, 85% 100%, 80% 70%, 75% 100%, 70% 70%, 65% 100%, 60% 70%, 55% 100%, 50% 70%, 45% 100%, 40% 70%, 35% 100%, 30% 70%, 25% 100%, 20% 70%, 15% 100%, 10% 70%, 5% 100%, 0 70%);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window {
  position: absolute;
  left: 14px;
  top: 42px;
  width: 73px;
  height: 58px;
  border: 4px solid #fdf6ed;
  border-radius: 2px;
  background: linear-gradient(135deg, transparent 0 39%, #f7f9fc50 39% 44%, transparent 44% 48%, #f7f9fc2e 48% 53%, transparent 53%), linear-gradient(150deg, #7892b6, #c3d2df);
  box-shadow: -2px 1px 0 #b9afaf, inset 2px 3px 5px #3c55782b, 0 3px 0 #d2c4bd;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window::after {
  content: "";
  position: absolute;
  left: -7px;
  right: -7px;
  bottom: -7px;
  height: 4px;
  border: 1px solid #fbf1e7;
  background: #d8c8c0;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window i {
  position: absolute;
  bottom: 2px;
  left: 10px;
  width: 15px;
  height: 23px;
  border: 1px solid #f6e6d6;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(100deg, #f9e7cc, #d7bfb0);
  box-shadow: 3px 2px 0 #66799452;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window i:last-child {
  left: 34px;
  width: 19px;
  height: 17px;
  border-radius: 3px;
  border-color: #e3b7c2;
  background: linear-gradient(100deg, #dea6b4, #b4758c);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-door {
  position: absolute;
  top: 41px;
  right: 15px;
  width: 39px;
  height: 83px;
  border: 4px solid #fdf5e9;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(160deg, #8d9fbc, #c3cdd7 67%, #38485f 68%);
  box-shadow: -2px 0 0 #b6aaac, inset 2px 2px 5px #33455d2b;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-door::before {
  content: "";
  position: absolute;
  top: 37px;
  left: 4px;
  width: 3px;
  height: 9px;
  border-radius: 2px;
  background: #fff2d8;
  box-shadow: 1px 1px 1px #45547540;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-door::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  right: 5px;
  height: 13px;
  border: 1px solid #faf1e4;
  border-radius: 2px;
  background: #efe4d6d6;
  box-shadow: 0 2px 2px #45547512;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-step {
  position: absolute;
  left: -9px;
  bottom: -8px;
  width: 175px;
  height: 8px;
  border: 1px solid #e8dcd5;
  border-radius: 1px;
  background: #d1c0bb;
  box-shadow: 2px 3px 0 #b2a1a2;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-bag {
  --pillar-rest: rotate(-9deg);
  position: absolute;
  z-index: 3;
  top: 182px;
  left: calc(50% + 56px);
  width: 36px;
  height: 39px;
  border: 1px solid #adbeda;
  border-radius: 2px 2px 4px 3px;
  background: linear-gradient(110deg, #a6bbd9, #7f9bc4);
  box-shadow: 4px 2px 0 #5e7da8, 7px 8px 9px #30426526, inset 3px 0 0 #c0cfe340;
  transform: var(--pillar-pose, var(--pillar-rest));
  transition: transform .6s var(--ease);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-bag::before {
  content: "";
  position: absolute;
  left: 9px;
  top: -11px;
  width: 15px;
  height: 15px;
  border: 2px solid #667c9e;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  box-shadow: inset 1px 0 0 #d7e0ec;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-bag::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 13px;
  width: 10px;
  height: 10px;
  border: 1px solid #eaf1f8;
  border-radius: 50%;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-spark {
  --pillar-rest: rotate(12deg);
  position: absolute;
  top: 49px;
  left: calc(50% + 87px);
  font-size: 24px;
  line-height: 1;
  color: #c63f52;
  transform: var(--pillar-pose, var(--pillar-rest));
  transition: transform .6s var(--ease);
}

.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .saas-window {
  --pillar-pose: rotate(-3deg) translateY(-4px);
}
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .saas-module {
  --pillar-pose: rotate(4deg) translate(2px, -6px);
}
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .commerce-shop {
  --pillar-pose: perspective(650px) rotateY(-8deg) rotateZ(1deg) translateY(-3px);
}
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .commerce-bag {
  --pillar-pose: rotate(-5deg) translateY(-5px);
}
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .commerce-spark {
  --pillar-pose: rotate(28deg) translateY(-2px);
}

.motion-off .possibilities.exploration-gallery.pillars-gallery :is(.saas-window, .saas-module, .commerce-shop, .commerce-bag, .commerce-spark) {
  transform: var(--pillar-rest) !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .possibilities.exploration-gallery.pillars-gallery :is(.saas-window, .saas-module, .commerce-shop, .commerce-bag, .commerce-spark) {
    transform: var(--pillar-rest) !important;
    transition: none !important;
  }
}

/* Parallel projection matching the hero: every horizontal plane is 55° / -45°.
   Both scenes have actual vertical faces; their surfaces are not tilted cards. */
.possibilities.exploration-gallery.pillars-gallery :is(.saas-art, .commerce-art) {
  perspective: none;
}

.possibilities.exploration-gallery.pillars-gallery :is(.saas-art, .commerce-art)::before {
  z-index: 0;
  left: calc(50% - 113px);
  top: 165px;
  width: 226px;
  height: 73px;
  border-radius: 0;
  background: linear-gradient(90deg, #bfc4ce 50%, #8799b2 50%);
  clip-path: polygon(0 0, 50% 65px, 100% 0, 100% 8px, 50% 73px, 0 8px);
  filter: none;
}

.possibilities.exploration-gallery.pillars-gallery :is(.saas-art, .commerce-art)::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc(50% - 80px);
  top: 85px;
  width: 160px;
  height: 160px;
  border: 1px solid #fffcf8;
  border-radius: 3px;
  background: repeating-linear-gradient(0deg, transparent 0 27px, #8191a817 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, #8191a817 27px 28px), linear-gradient(135deg, #f4f0eb, #dbe2eb);
  box-shadow: inset 0 0 0 5px #fffaf833, -9px 12px 21px #20263818;
  transform: rotateX(55deg) rotateZ(-45deg);
}

.possibilities.exploration-gallery.pillars-gallery .saas-window {
  --pillar-rest: rotateX(55deg) rotateZ(-45deg);
  top: 71px;
  left: calc(50% - 84px);
  width: 166px;
  height: 140px;
  border-radius: 3px;
  overflow: visible;
  transform-style: preserve-3d;
  box-shadow: inset 0 0 0 3px #fff9f4;
}

.possibilities.exploration-gallery.pillars-gallery .saas-window::before,
.possibilities.exploration-gallery.pillars-gallery .saas-module::before,
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  height: 10px;
  border: 0;
  border-radius: 0;
  background: #b4bac7;
  box-shadow: none;
  transform-origin: top;
  transform: rotateX(-90deg);
}

.possibilities.exploration-gallery.pillars-gallery .saas-window::after,
.possibilities.exploration-gallery.pillars-gallery .saas-module::after,
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 10px;
  height: calc(100% + 2px);
  border: 0;
  border-radius: 0;
  background: #8190a8;
  box-shadow: none;
  transform-origin: left;
  transform: rotateY(90deg);
}

.possibilities.exploration-gallery.pillars-gallery .saas-toolbar { border-radius: 3px 3px 0 0; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar::after { width: 49px; margin-left: 13px; }
.possibilities.exploration-gallery.pillars-gallery .saas-rail { border-radius: 0 0 0 3px; }
.possibilities.exploration-gallery.pillars-gallery .saas-content { right: 10px; left: 40px; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics { gap: 5px; }
.possibilities.exploration-gallery.pillars-gallery .saas-chart { gap: 7px; }

.possibilities.exploration-gallery.pillars-gallery .saas-module {
  --pillar-rest: rotateX(55deg) rotateZ(-45deg);
  top: 155px;
  left: calc(50% + 47px);
  width: 45px;
  height: 48px;
  padding: 8px 5px;
  border-radius: 2px;
  background: linear-gradient(135deg, #dba4b2, #c47990);
  border-color: #f1c8d1;
  box-shadow: inset 0 0 0 3px #f5d8df29;
  transform-style: preserve-3d;
}
.possibilities.exploration-gallery.pillars-gallery .saas-module::before { height: 21px; background: #a75a72; }
.possibilities.exploration-gallery.pillars-gallery .saas-module::after { width: 21px; background: #85475f; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i { border-color: #fff0ee66; background: #71394c26; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i::before { width: 11px; background: #fae5e7; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i::after { background: #fffaf0; }

.possibilities.exploration-gallery.pillars-gallery .commerce-shop {
  --pillar-rest: rotateX(55deg) rotateZ(-45deg);
  top: 60px;
  left: calc(50% - 55px);
  width: 110px;
  height: 96px;
  border: 1px solid #efc0c9;
  border-radius: 1px;
  background: repeating-linear-gradient(0deg, transparent 0 15px, #9f586d30 15px 16px), linear-gradient(120deg, #dfacb8, #c48195);
  box-shadow: inset 0 0 0 5px #edc8d0;
  transform-style: preserve-3d;
}

.possibilities.exploration-gallery.pillars-gallery .commerce-shop::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 79px;
  height: 97px;
  border: 1px solid #c9b8b4;
  background: linear-gradient(90deg, transparent 0 27px, #b7c4d44a 27px 59px, transparent 59px), repeating-linear-gradient(0deg, transparent 0 31px, #c0adab5c 31px 32px), #d6c8c2;
  transform-origin: left;
  transform: rotateY(90deg);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-shop::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid #a5637966;
  border-radius: 1px;
  box-shadow: inset 2px 2px 2px #9e5b7429;
  background: linear-gradient(90deg, transparent 0 45%, #f3d6dce0 45% 51%, transparent 51%);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window {
  top: 95px;
  left: -1px;
  width: 110px;
  height: 79px;
  border: 1px solid #eee2d5;
  border-radius: 0;
  background: linear-gradient(90deg, #f7eddf, #e5d5ca);
  box-shadow: inset 0 -5px 0 #d2c0b5;
  transform-origin: top;
  transform: rotateX(-90deg);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-window::before {
  content: "";
  position: absolute;
  top: 31px;
  left: 8px;
  width: 54px;
  height: 32px;
  border: 3px solid #fff3e5;
  background: linear-gradient(135deg, transparent 0 47%, #f6faff4d 47% 53%, transparent 53%), linear-gradient(160deg, #738cad, #b8c9da);
  box-shadow: -1px 1px 0 #b3a5a3, inset 1px 2px 3px #3145612b;
}
.possibilities.exploration-gallery.pillars-gallery .commerce-window::after { left: 5px; right: auto; width: 60px; bottom: 12px; height: 3px; }
.possibilities.exploration-gallery.pillars-gallery .commerce-window i { left: 18px; top: 45px; bottom: auto; width: 12px; height: 16px; border-radius: 4px 4px 0 0; }
.possibilities.exploration-gallery.pillars-gallery .commerce-window i:last-child { left: 39px; top: 50px; width: 16px; height: 11px; }

.possibilities.exploration-gallery.pillars-gallery .commerce-sign {
  top: 96px;
  left: 12px;
  right: auto;
  width: 86px;
  height: 19px;
  border-width: 2px;
  border-radius: 1px;
  box-shadow: 0 1px 0 #b9a49c;
  transform-origin: top;
  transform: rotateX(-90deg) translateY(3px);
}
.possibilities.exploration-gallery.pillars-gallery .commerce-sign::before { left: 8px; top: 3px; width: 8px; height: 8px; border-width: 1px; }
.possibilities.exploration-gallery.pillars-gallery .commerce-sign::after { top: 5px; left: 25px; width: 42px; height: 4px; }

.possibilities.exploration-gallery.pillars-gallery .commerce-door {
  top: 96px;
  left: 76px;
  right: auto;
  width: 26px;
  height: 52px;
  border-width: 3px;
  border-radius: 1px 1px 0 0;
  transform-origin: top;
  transform: rotateX(-90deg) translateY(26px);
}
.possibilities.exploration-gallery.pillars-gallery .commerce-door::before { top: 25px; left: 2px; width: 2px; height: 6px; }
.possibilities.exploration-gallery.pillars-gallery .commerce-door::after { top: 6px; left: 3px; right: 3px; height: 9px; }

.possibilities.exploration-gallery.pillars-gallery .commerce-awning {
  top: 94px;
  left: -4px;
  width: 116px;
  height: 23px;
  border-radius: 1px;
  background: repeating-linear-gradient(90deg, #cf8497 0 13px, #f5e9dc 13px 26px);
  transform: translateZ(-24px);
  transform-origin: center;
  transform-style: preserve-3d;
  box-shadow: inset 0 0 0 1px #f7d2d8;
}
.possibilities.exploration-gallery.pillars-gallery .commerce-awning::after {
  left: -1px;
  top: 22px;
  width: 116px;
  height: 8px;
  background: repeating-linear-gradient(90deg, #ad5d76 0 13px, #ded0c4 13px 26px);
  clip-path: none;
  border-radius: 0;
  transform-origin: top;
  transform: rotateX(-90deg);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-step {
  left: -7px;
  top: -7px;
  bottom: auto;
  width: 124px;
  height: 110px;
  background: #b8bdc8;
  border-color: #e5e6e8;
  box-shadow: none;
  transform: translateZ(-81px);
  transform-style: preserve-3d;
}
.possibilities.exploration-gallery.pillars-gallery .commerce-step::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -1px;
  width: 124px;
  height: 6px;
  background: #8a95aa;
  transform-origin: top;
  transform: rotateX(-90deg);
}
.possibilities.exploration-gallery.pillars-gallery .commerce-step::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 6px;
  height: 110px;
  background: #697a94;
  transform-origin: left;
  transform: rotateY(90deg);
}

.possibilities.exploration-gallery.pillars-gallery .commerce-bag {
  --pillar-rest: rotateX(55deg) rotateZ(-45deg);
  top: 166px;
  left: calc(50% + 35px);
  width: 32px;
  height: 29px;
  border-radius: 1px;
  background: linear-gradient(90deg, transparent 0 41%, #d9e2ee 41% 59%, transparent 59%), linear-gradient(0deg, transparent 0 43%, #c9d5e5 43% 56%, transparent 56%), #95accd;
  box-shadow: inset 0 0 0 1px #b5c6de;
  transform-style: preserve-3d;
}
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::before { height: 25px; background: linear-gradient(90deg, transparent 0 41%, #b8c5d9 41% 59%, transparent 59%), #6f8aae; }
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::after { width: 25px; background: #4d688f; }
.possibilities.exploration-gallery.pillars-gallery .commerce-spark { display: none; }

.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .saas-window { --pillar-pose: translateY(-3px) rotateX(55deg) rotateZ(-45deg); }
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .saas-module { --pillar-pose: translateY(-4px) rotateX(55deg) rotateZ(-45deg); }
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .commerce-shop { --pillar-pose: translateY(-2px) rotateX(55deg) rotateZ(-45deg); }
.possibilities.exploration-gallery.pillars-gallery .challenge-card:is(:hover, :focus-within) .commerce-bag { --pillar-pose: translateY(-3px) rotateX(55deg) rotateZ(-45deg); }

/* Restrained material colors: ink, petrol, clay, cream and brushed brass. */
.possibilities.exploration-gallery.pillars-gallery :is(.saas-art, .commerce-art)::before {
  background: linear-gradient(90deg, #c1b298 50%, #94856f 50%);
}
.possibilities.exploration-gallery.pillars-gallery :is(.saas-art, .commerce-art)::after {
  border-color: #fff7e6;
  background: repeating-linear-gradient(0deg, transparent 0 27px, #64716c18 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, #64716c18 27px 28px), linear-gradient(135deg, #f3ebda, #ded8c8);
  box-shadow: inset 0 0 0 5px #fffaf833, -9px 12px 21px #20263820;
}
.possibilities.exploration-gallery.pillars-gallery .saas-window {
  border-color: #e5dcc8;
  background: #f1ecdf;
  box-shadow: inset 0 0 0 3px #f9f3e7;
}
.possibilities.exploration-gallery.pillars-gallery .saas-window::before { background: #34465e; }
.possibilities.exploration-gallery.pillars-gallery .saas-window::after { background: #202638; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar { background: #34465e; border-bottom-color: #202638; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i { background: #c56572; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i:nth-child(2) { background: #ceb780; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar i:nth-child(3) { background: #7eada7; }
.possibilities.exploration-gallery.pillars-gallery .saas-toolbar::after { background: #e0e4da; border-color: #94a5a5; }
.possibilities.exploration-gallery.pillars-gallery .saas-rail { background: linear-gradient(120deg, #34465e, #202638); }
.possibilities.exploration-gallery.pillars-gallery .saas-rail b { border-color: #ceb780; }
.possibilities.exploration-gallery.pillars-gallery .saas-rail i { border-color: #9badb999; }
.possibilities.exploration-gallery.pillars-gallery .saas-rail i:first-of-type { border-color: #79aaa3; background: #79aaa3; box-shadow: 0 0 0 4px #79aaa31a; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i { border-color: #c3cfc5; background: #dce6da; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i::before { background: #87a99e; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i::after { background: #2d5960; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child { border-color: #ddd1b2; background: #e9dfc7; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child::before { background: #baa46e; }
.possibilities.exploration-gallery.pillars-gallery .saas-metrics i:last-child::after { background: #887045; }
.possibilities.exploration-gallery.pillars-gallery .saas-chart { border-color: #9bafa9; background: repeating-linear-gradient(0deg, transparent 0 14px, #99afa338 14px 15px); }
.possibilities.exploration-gallery.pillars-gallery .saas-chart i { border-color: #356c73; background: linear-gradient(90deg, #76a49b, #427d83); }
.possibilities.exploration-gallery.pillars-gallery .saas-chart i:nth-child(3) { border-color: #a34f60; background: #c56572; }
.possibilities.exploration-gallery.pillars-gallery .saas-lines i { background: linear-gradient(90deg, #427d83 0 6%, transparent 6% 13%, #d3d2c6 13%); }
.possibilities.exploration-gallery.pillars-gallery .saas-module { border-color: #f0dfb4; background: linear-gradient(135deg, #dfcc96, #ceb780); }
.possibilities.exploration-gallery.pillars-gallery .saas-module::before { background: #a28a59; }
.possibilities.exploration-gallery.pillars-gallery .saas-module::after { background: #78643f; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i { border-color: #e4d8b78c; background: #77613633; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i::before { background: #6c5f42; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i::after { background: #f8f0d8; }
.possibilities.exploration-gallery.pillars-gallery .saas-module i:last-child::after { background: #427d83; }
.possibilities.exploration-gallery.pillars-gallery .commerce-shop { border-color: #e5a5a4; background: repeating-linear-gradient(0deg, transparent 0 15px, #812f482e 15px 16px), linear-gradient(120deg, #d89193, #c56572); box-shadow: inset 0 0 0 5px #e3a4a4; }
.possibilities.exploration-gallery.pillars-gallery .commerce-shop::before { border-color: #b39a7d; background: linear-gradient(90deg, transparent 0 27px, #427d8340 27px 59px, transparent 59px), repeating-linear-gradient(0deg, transparent 0 31px, #90785b3d 31px 32px), #cbb89b; }
.possibilities.exploration-gallery.pillars-gallery .commerce-shop::after { border-color: #af425970; background: linear-gradient(90deg, transparent 0 45%, #ead4a4 45% 51%, transparent 51%); }
.possibilities.exploration-gallery.pillars-gallery .commerce-window { border-color: #eadfc7; background: linear-gradient(90deg, #f5ebd4, #dbc7a8); box-shadow: inset 0 -5px 0 #c7af8e; }
.possibilities.exploration-gallery.pillars-gallery .commerce-window::before { border-color: #fff3d8; background: linear-gradient(135deg, transparent 0 47%, #e9f6e740 47% 53%, transparent 53%), linear-gradient(160deg, #2d5960, #76a89f); box-shadow: -1px 1px 0 #ae957b, inset 1px 2px 3px #193b4240; }
.possibilities.exploration-gallery.pillars-gallery .commerce-window::after { border-color: #f0dbb2; background: #bca271; }
.possibilities.exploration-gallery.pillars-gallery .commerce-window i { border-color: #edd69c; background: linear-gradient(100deg, #e1cb8c, #b39b62); }
.possibilities.exploration-gallery.pillars-gallery .commerce-window i:last-child { border-color: #e5a7a5; background: linear-gradient(100deg, #d78a8e, #af4259); }
.possibilities.exploration-gallery.pillars-gallery .commerce-sign { border-color: #dac69d; background: #202638; }
.possibilities.exploration-gallery.pillars-gallery .commerce-sign::before { border-color: #ceb780; }
.possibilities.exploration-gallery.pillars-gallery .commerce-sign::after { border-top-color: #efe4cf; border-bottom-color: #ceb780; }
.possibilities.exploration-gallery.pillars-gallery .commerce-door { border-color: #f4e6c9; background: linear-gradient(160deg, #427d83, #6e9f96 67%, #2d5960 68%); }
.possibilities.exploration-gallery.pillars-gallery .commerce-door::before { background: #ceb780; }
.possibilities.exploration-gallery.pillars-gallery .commerce-door::after { border-color: #e2c996; background: #efe4cf; }
.possibilities.exploration-gallery.pillars-gallery .commerce-awning { border-color: #e6a7a7; background: repeating-linear-gradient(90deg, #c56572 0 13px, #efe4cf 13px 26px); box-shadow: inset 0 0 0 1px #f5c6bd; }
.possibilities.exploration-gallery.pillars-gallery .commerce-awning::after { background: repeating-linear-gradient(90deg, #af4259 0 13px, #cbbb9b 13px 26px); }
.possibilities.exploration-gallery.pillars-gallery .commerce-step { border-color: #e7d8ba; background: #bfaa88; }
.possibilities.exploration-gallery.pillars-gallery .commerce-step::before { background: #9d8969; }
.possibilities.exploration-gallery.pillars-gallery .commerce-step::after { background: #796b57; }
.possibilities.exploration-gallery.pillars-gallery .commerce-bag { border-color: #85afa3; background: linear-gradient(90deg, transparent 0 41%, #d9c58f 41% 59%, transparent 59%), linear-gradient(0deg, transparent 0 43%, #d3be83 43% 56%, transparent 56%), #427d83; box-shadow: inset 0 0 0 1px #75a599; }
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::before { background: linear-gradient(90deg, transparent 0 41%, #a28a59 41% 59%, transparent 59%), #2d5960; }
.possibilities.exploration-gallery.pillars-gallery .commerce-bag::after { background: #21444b; }