/* Approved PNG pages — function only, no visual change */
html, body {
  margin: 0;
  padding: 0;
  background: #000;
  line-height: 0;
  font-size: 0;
}
img { display: block; width: 100%; height: auto; }

/* Lead block pulls up under the sticky header band (103px @ 1672×941). */
.pixel-page__lead {
  margin-top: calc(-100% * 103 / 1672);
}

/* Sticky header always above scrolling content and receives clicks. */
.site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  background: #000;
  pointer-events: none;
  isolation: isolate;
}
.site-nav__inner {
  position: relative;
  width: 100%;
  height: calc(100vw * 103 / 1672);
  overflow: hidden;
  pointer-events: none;
}
.site-nav__inner img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  pointer-events: none;
  user-select: none;
}

/* Content layers never intercept header clicks. */
.pixel-page__lead,
.home-stage,
.sec {
  position: relative;
  width: 100%;
  line-height: 0;
  font-size: 0;
  pointer-events: none;
}
.pixel-page__lead img,
.home-stage img,
.sec img {
  pointer-events: none;
  user-select: none;
}

.hit {
  position: absolute;
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  z-index: 2;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  pointer-events: auto;
}
.site-nav .hit {
  z-index: 10;
}

.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}