/* Case-study recommendations: controlled sequential rotation. */
.nika-related-work .nika-section-top {
  flex-wrap:wrap;
}
.nika-related-work .nika-case-rotation-controls {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:11px;
  margin-left:auto;
}
.nika-related-work .nika-case-rotation-index {
  color:#685a7b;
  font-size:12px;
  font-weight:750;
  letter-spacing:.09em;
  min-width:54px;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.nika-related-work .nika-case-rotate-button {
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #d9d0e6;
  border-radius:50%;
  background:#fff;
  color:#3b285c;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}
.nika-related-work .nika-case-rotate-button:hover {
  background:#eee7fa;
  border-color:#b9a2d8;
}
.nika-related-work .nika-case-rotate-button:focus-visible {
  outline:3px solid #7442d7;
  outline-offset:3px;
}
/* Avoid any flash or sudden replacement while changing cards. */
.nika-related-work .nika-all-cases { display:none!important; }
.nika-related-work .nika-rotating-cases {
  position:relative;
  isolation:isolate;
}
.nika-related-work .nika-case-transition-layer {
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:inherit;
  gap:inherit;
  pointer-events:none;
  z-index:1;
}
.nika-related-work .nika-case-transition-layer > .nika-case-card {
  min-width:0;
  opacity:0;
}
.nika-related-work .nika-cases-is-transitioning > .nika-case-card {
  pointer-events:none;
}
@media(max-width:680px){
  .nika-related-work .nika-section-top {align-items:flex-start;gap:16px}
  .nika-related-work .nika-case-rotation-controls {margin-left:0;}
  .nika-related-work .nika-rotating-cases > .nika-case-card,
  .nika-related-work .nika-case-transition-layer > .nika-case-card {min-height:242px}
}
@media(prefers-reduced-motion:reduce){
  .nika-related-work .nika-case-rotate-button {transition:none}
}