/* Keep the artwork atmospheres local while letting neighboring sections meet on
   the same page canvas. Fade only decorative layers; never fade the work itself. */
main > .legacy-section {
  background: transparent !important;
}

/* Every discipline sits on the same canvas; its own light stays in the
   masked ambient layers below instead of ending as a rectangular fill. */
main > .page:not(.hero) {
  background-color: transparent !important;
  background-image: none !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

main > .legacy-section::before,
main > .legacy-section::after,
#trifold::before {
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, transparent 11%, #000 29%, #000 71%,
    transparent 89%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, transparent 11%, #000 29%, #000 71%,
    transparent 89%, transparent 100%);
}

#videography > .live-ambient {
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, transparent 11%, #000 29%, #000 71%,
    transparent 89%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, transparent 11%, #000 29%, #000 71%,
    transparent 89%, transparent 100%);
}

/* Carry the hero atmosphere through the first section join. This sits below
   the labels and controls, so only the background edge is feathered. */
#home::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 205px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, #191817 100%);
}
#home .scroll-note { z-index: 4; }
#work > .work-ambient {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 72%, transparent 100%);
}
#work::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 120px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, #191817, transparent);
}