/* V1 background study — intentionally isolated from v1.html. */
body:has(#page-cover.active) {
  background: #241d15;
}

body:has(#page-cover.active) .app-container {
  background:
    linear-gradient(
      90deg,
      rgba(38, 30, 22, 0.90) 0%,
      rgba(57, 45, 33, 0.82) 30%,
      rgba(83, 66, 48, 0.62) 54%,
      rgba(132, 108, 80, 0.34) 78%,
      rgba(177, 149, 111, 0.22) 100%
    ),
    linear-gradient(
      180deg,
      rgba(35, 28, 20, 0.38) 0%,
      rgba(103, 82, 60, 0.12) 46%,
      rgba(36, 28, 19, 0.54) 100%
    ),
    url("../img/v1-bg-living-room.webp") center center / cover no-repeat;
}

.v1-site-header {
  background:
    linear-gradient(
      90deg,
      rgba(38, 30, 22, 0.90) 0%,
      rgba(57, 45, 33, 0.82) 30%,
      rgba(83, 66, 48, 0.62) 54%,
      rgba(132, 108, 80, 0.34) 78%,
      rgba(177, 149, 111, 0.22) 100%
    ),
    linear-gradient(
      180deg,
      rgba(35, 28, 20, 0.38) 0%,
      rgba(103, 82, 60, 0.12) 46%,
      rgba(36, 28, 19, 0.54) 100%
    ),
    url("../img/v1-bg-living-room.webp") center center / cover no-repeat;
  text-align: center;
}

.v1-site-header p {
  margin-right: auto;
  margin-left: auto;
}

body:has(#page-cover.active) #page-cover .cover-features {
  border: 0;
  background: #ffffff17;
  box-shadow:
    0 24px 70px rgba(2, 9, 18, 0.40),
    inset 0 1px 0 rgba(247, 218, 158, 0.14);
}

body:has(#page-cover.active) #page-cover .cover-feature + .cover-feature {
  border-left-color: rgba(220, 184, 112, 0.22);
}

@media (max-width: 720px) {
  body:has(#page-cover.active) .app-container {
    background-position: center, center, 66% center;
  }

  body:has(#page-cover.active) #page-cover .cover-feature:nth-child(n + 3) {
    border-top-color: rgba(220, 184, 112, 0.22);
  }
}