/* Business and AI models use the hero's 55° / -45° parallel projection. */
.pillars-gallery .mini-model {
  position: absolute;
  left: calc(50% - 120px);
  top: 25px;
  width: 240px;
  height: 225px;
  transition: translate .5s var(--ease);
}
.pillars-gallery .mini-shadow {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 169px;
  height: 44px;
  border-radius: 50%;
  background: #20263826;
  filter: blur(13px);
}
.pillars-gallery .mini-layer {
  --size: 150px;
  --depth: 10px;
  --left: #8394a8;
  --right: #50627a;
  position: absolute;
  left: 50%;
  top: 135px;
  width: calc(var(--size) * 1.4142);
  height: calc(var(--size) * .8112);
  transform: translate(-50%, -50%);
}
.pillars-gallery .mini-top {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: var(--size);
  height: var(--size);
  border: 1px solid #fffaf8b3;
  border-radius: 3px;
  transform: translate(-50%, -50%) rotateX(55deg) rotateZ(-45deg);
  background: #e5ded1;
  box-shadow: inset 0 0 0 3px #ffffff2b;
}
.pillars-gallery .mini-left,
.pillars-gallery .mini-right {
  position: absolute;
  top: 50%;
  width: 50%;
  height: calc(50% + var(--depth));
}
.pillars-gallery .mini-left {
  left: 0;
  background: var(--left);
  clip-path: polygon(0 0, 100% calc(100% - var(--depth)), 100% 100%, 0 var(--depth));
}
.pillars-gallery .mini-right {
  right: 0;
  background: var(--right);
  clip-path: polygon(0 calc(100% - var(--depth)), 100% 0, 100% var(--depth), 0 100%);
}
.pillars-gallery .mini-caption {
  position: absolute;
  left: 13px;
  bottom: 9px;
  font: 500 5px/1 Inter, sans-serif;
  letter-spacing: .1em;
  color: #586a86;
}
.pillars-gallery .venture-base .mini-top {
  background: linear-gradient(#fffbf340, #fff0), repeating-linear-gradient(0deg, transparent 0 11px, #677d9633 11px 12px), repeating-linear-gradient(90deg, transparent 0 11px, #677d9633 11px 12px), #d8e0e1;
}
.pillars-gallery .venture-plan {
  position: absolute;
  inset: 15px;
  border: 1px dashed #768eae;
  border-radius: 5px;
}
.pillars-gallery .venture-plan:before,
.pillars-gallery .venture-plan:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  border-left: 2px solid #fdfbf7;
}
.pillars-gallery .venture-plan:after { transform: rotate(90deg); }
.pillars-gallery .venture-module { --size: 44px; --depth: 35px; }
.pillars-gallery .module-one {
  left: 92px;
  top: 87px;
  --left: #427d83;
  --right: #2d5960;
}
.pillars-gallery .module-one .mini-top { background: linear-gradient(135deg, #85b1ae, #5f9999); }
.pillars-gallery .module-two {
  left: 150px;
  top: 77px;
  --depth: 48px;
  --left: #c56572;
  --right: #973d55;
}
.pillars-gallery .module-two .mini-top { background: linear-gradient(135deg, #e8a09d, #d07883); }
.pillars-gallery .module-three {
  left: 122px;
  top: 139px;
  --depth: 22px;
  --left: #b19864;
  --right: #80704e;
}
.pillars-gallery .module-three .mini-top { background: linear-gradient(135deg, #e8d6a7, #ceb780); }
.pillars-gallery .module-glyph {
  position: absolute;
  inset: 12px;
  border: 2px solid #fffaf5bf;
  border-radius: 50%;
}
.pillars-gallery .module-two .module-glyph { border-radius: 3px; }
.pillars-gallery .module-three .module-glyph { border-radius: 0; border-width: 2px 0; inset: 13px 10px; }
.pillars-gallery .venture-module .mini-right:after {
  content: '';
  position: absolute;
  left: 9px;
  top: 19px;
  width: 14px;
  height: 12px;
  transform: skewY(-30deg);
  background: repeating-linear-gradient(90deg, #fff6 0 3px, transparent 3px 6px);
}
.pillars-gallery .ai-base { --left: #37475c; --right: #202638; }
.pillars-gallery .ai-base .mini-top { background: linear-gradient(135deg, #536983, #34465e); border-color: #94a7be; }
.pillars-gallery .ai-base .mini-caption { color: #d2e0ee; }
.pillars-gallery .ai-paths { position: absolute; inset: 19px; border: 1px solid #aecde68c; border-radius: 7px; }
.pillars-gallery .ai-paths i { position: absolute; inset: 12px; border: 1px solid #b9d4ec9c; border-radius: 4px; }
.pillars-gallery .ai-paths i:nth-child(2) { inset: 0; left: 50%; border: 0; border-left: 2px solid #d9e6f49c; border-radius: 0; }
.pillars-gallery .ai-paths i:nth-child(3) { inset: 0; top: 50%; border: 0; border-top: 2px solid #d9e6f49c; border-radius: 0; }
.pillars-gallery .ai-core { --size: 62px; --depth: 38px; --left: #b9506a; --right: #81334f; top: 91px; }
.pillars-gallery .ai-core .mini-top { background: linear-gradient(135deg, #df9b9f, #c56579); }
.pillars-gallery .ai-core .mini-top>span { position: absolute; inset: 0; display: grid; place-items: center; font: 400 32px/1 Space, sans-serif; color: #fffaf5; }
.pillars-gallery .core-ring { position: absolute; inset: 8px; border: 1px solid #fffaf59c; border-radius: 50%; }
.pillars-gallery .ai-node { --size: 23px; --depth: 9px; --left: #ad9567; --right: #7d6c4f; }
.pillars-gallery .ai-node .mini-top { background: #e4d2a7; }
.pillars-gallery .ai-node .mini-top>i { position: absolute; inset: 7px; border-radius: 2px; background: #427d83; }
.pillars-gallery .node-one { left: 120px; top: 83px; }
.pillars-gallery .node-two { left: 45px; top: 124px; }
.pillars-gallery .node-three { left: 195px; top: 124px; }
.pillars-gallery .node-four { left: 120px; top: 168px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .pillars-gallery .challenge-card:hover .mini-model { translate: 0 -3px; }
}
.motion-off .pillars-gallery .mini-model { translate: none!important; }
@media (prefers-reduced-motion:reduce) { .pillars-gallery .mini-model { translate: none!important; } }
