/* Approved transition preview: connect the hero to the first work section. */
.portfolio-content {
  margin-top: calc(-1 * var(--transition-overlap, 56px));
  z-index: 8;
  background: linear-gradient(to bottom, transparent 0, rgba(237,250,255,.42) 78px, #edfaff 190px);
}
.portfolio-content .site-stage { overflow: visible; }
.transition-ribbon-bridge {
  position: absolute;
  left: 0;
  top: -146px;
  width: 100%;
  height: 340px;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
.portfolio-content .portfolio-shell > section:first-of-type > .works-heading { position: relative; z-index: 2; }
.portfolio-content #advert > .creative-panel { border-top-color: transparent; }
@media (max-width: 760px) {
  .portfolio-content { margin-top: calc(-1 * var(--transition-overlap, 24px)); }
  .transition-ribbon-bridge { top: -110px; height: 260px; opacity: .7; }
}