.case-page .site-nav {
  position: sticky;
}
.stage-bottom {
  display: flex;
  gap: 0.45rem;
  letter-spacing: 0;
  font-size: 0;
}
.stage-bottom:before,
.stage-bottom:after {
  background: #fff;
  color: #0a4752;
  border-radius: 100px;
  padding: 0.48rem 0.72rem;
  font:
    700 0.68rem "DM Sans",
    sans-serif;
  letter-spacing: 0.03em;
  box-shadow: 0 5px 18px #00263336;
}
.stage-bottom:before {
  content: "#UX Research  #Product Design";
}
.stage-bottom:after {
  content: "#Student Project";
}
.stage-kicker {
  background: #fff;
  color: #0a4752;
  border-radius: 100px;
  padding: 0.48rem 0.72rem;
  font-size: 0.64rem;
  letter-spacing: 0.04em;
  box-shadow: 0 5px 18px #00263336;
}
.case-hero {
  height: calc(100svh - 76px);
}
@media (max-width: 680px) {
  .stage-bottom {
    display: none;
  }
  .case-hero {
    height: calc(90svh - 76px);
  }
}