@import url("./inner-win95-clear.css?v=20260713-2");

/* Page-specific visual environments. */
body.inner.page-music,
body.inner.page-videos,
body.inner.page-pictures,
body.inner.page-contact {
  background-color: #04060b;
}

body.inner.page-music::before,
body.inner.page-videos::before,
body.inner.page-pictures::before,
body.inner.page-contact::before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  filter: saturate(1) contrast(1.02);
}

/* Music only: crop the source upward so the top caption stays outside view. */
body.inner.page-music::before {
  background-image:
    linear-gradient(180deg, rgba(4,7,13,.02), rgba(3,6,13,.08)),
    url("https://media4.giphy.com/media/YGMiHbCHPAz0hL3Qm5/giphy.gif");
  background-position: center 82%;
  transform: scale(1.24);
  transform-origin: center center;
  filter: saturate(1.04) contrast(1.04);
  will-change: transform;
}

body.inner.page-videos::before {
  background-image:
    linear-gradient(180deg, rgba(3,5,12,.08), rgba(2,4,10,.20)),
    url("https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExOWduY3lzenZha3liZGo1djR2OWRzcTFlbGNweDJrazFnZTNrcHQ4byZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/5IvO3k8HBOpK2ZxYx5/giphy.gif");
}

body.inner.page-pictures::before {
  background-image:
    linear-gradient(180deg, rgba(4,5,12,.02), rgba(3,5,12,.08)),
    url("https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExMnk1cjN1ZWF2NGJqM2x4cmRpMTRmY2FubTZ0eDc4YmtqdG13MzI5dyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/saEyTLwwrQwNsRaBel/giphy.gif");
}

body.inner.page-contact::before {
  background-image:
    linear-gradient(180deg, rgba(3,6,10,.03), rgba(2,5,9,.12)),
    url("../images/photos/two-payphones.webp");
  background-position: center 46%;
}

body.inner.page-music::after,
body.inner.page-videos::after,
body.inner.page-pictures::after,
body.inner.page-contact::after {
  inset: 0;
  height: auto;
  clip-path: none;
  opacity: 1;
  background:
    linear-gradient(90deg, rgba(1,4,9,.05), transparent 22%, transparent 78%, rgba(1,4,9,.05)),
    linear-gradient(180deg, rgba(1,4,9,.04) 0%, transparent 42%, rgba(1,4,9,.08) 100%);
}

@media (max-width: 800px) {
  body.inner.page-music::before,
  body.inner.page-videos::before,
  body.inner.page-pictures::before,
  body.inner.page-contact::before {
    background-attachment: scroll;
  }

  body.inner.page-music::before {
    background-position: center 86%;
    transform: scale(1.34);
  }
}