/* Soft royal arch fades into cream before the main product area. */
body.home-page,
body.catalog-page {
  --palace-height: clamp(850px, 72vw, 1250px);
  background-color: #f3e8d6;
  background-image:
    linear-gradient(to bottom,
      rgba(243, 232, 214, .14) 0%,
      rgba(243, 232, 214, .16) 62%,
      rgba(243, 232, 214, .55) 86%,
      #f3e8d6 100%),
    url("assets/royal-arch-soft.webp");
  background-size: 100% var(--palace-height), 100% var(--palace-height);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
@media (max-width: 600px) {
  body.home-page,
  body.catalog-page {
    --palace-height: 950px;
    background-image:
      linear-gradient(to bottom,
        rgba(243, 232, 214, .10) 0%,
        rgba(243, 232, 214, .16) 60%,
        rgba(243, 232, 214, .58) 85%,
        #f3e8d6 100%),
      url("assets/royal-arch-soft-portrait.webp");
    background-size: 100% var(--palace-height), 100% var(--palace-height);
    background-position: center top;
  }
}