/* Continuous photographic surface; original lettering blends into its backdrop. */
.home-stage{
  background:#080808 url('assets/archive-wall.webp') center/cover;
}
.home-stage::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,3,4,.88) 0%,rgba(3,3,4,.76) 34%,rgba(3,3,4,.42) 50%,rgba(3,3,4,0) 69%);
}
.collage-art{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%),linear-gradient(180deg,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%),linear-gradient(180deg,#000 95%,transparent);
  mask-composite:intersect;
}
.stage-logo>.logo-crop{width:100%;height:100%;aspect-ratio:auto}
.stage-logo>.logo-crop>img{filter:none}
.home-copy,.field-tuner,.archive-note,.perimeter-note,
.reference-steps-title,.entry-cards{mix-blend-mode:screen}
/* The headline crop's upper right margin contains a sliver of the old photo. */
.home-copy .reference-title>img{clip-path:polygon(0 0,97.5% 0,97.5% 67%,100% 67%,100% 100%,0 100%)}
.entry-cards .reference-step{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
  mask-composite:intersect;
}
.home-copy .overline>img,.home-copy .reference-title>img,
.home-copy .home-description>img,.home-copy .reference-action>img,
.field-tuner .reference-dial,.field-tuner .tuning-knob>img,
.archive-note>img,.perimeter-note>img,
.reference-steps-title>img,.entry-cards .reference-step{
  filter:brightness(.96) contrast(1.18);
}
.entry-perimeter{background:#080808}
.entry-perimeter::before{
  background:linear-gradient(90deg,rgba(3,3,4,.84),rgba(3,3,4,.64) 65%,rgba(3,3,4,.25)),url('assets/archive-wall.webp') center/cover;
}
.entry-perimeter::after{
  left:auto;
  right:0;
  top:0;
  bottom:0;
  width:calc(var(--steps-h) * 380 / 220);
  background:url('assets/reference/perimeter-art.png') center/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);
  mask-image:linear-gradient(90deg,transparent,#000 22%);
}
.side-rail{
  background:linear-gradient(180deg,rgba(3,3,4,.72),rgba(3,3,4,.88)),url('assets/archive-wall.webp') left center/cover;
}
.side-rail nav a,.side-rail .bio-brand,.side-rail .sound-toggle{
  mix-blend-mode:screen;
  filter:brightness(.96) contrast(1.18);
}
.inner-page{
  background:linear-gradient(90deg,rgba(3,3,4,.65),rgba(3,3,4,.38) 60%,rgba(3,3,4,.48)),url('assets/archive-wall.webp') center/cover;
}
@media(max-width:600px){
  .home-stage::after{background:linear-gradient(90deg,rgba(3,3,4,.82),rgba(3,3,4,.53) 51%,rgba(3,3,4,.15))}
  .entry-perimeter::after{opacity:.45}
}