/*
------------------------------------------------

Project Omnistic

Build XXXII.2 — Nevada Atmosphere

A shared atmospheric layer for the Founders Wing
and the Charter of Omnistic Worlds.

------------------------------------------------
*/

:root {
  --atmosphere-sky:
    rgba(132, 151, 160, 0.16);

  --atmosphere-dawn:
    rgba(191, 141, 82, 0.16);

  --atmosphere-sage:
    rgba(87, 103, 81, 0.15);

  --atmosphere-bronze:
    rgba(123, 88, 52, 0.22);

  --atmosphere-dark:
    rgba(8, 7, 6, 0.82);

  --plaque-surface:
    rgba(19, 15, 12, 0.58);

  --plaque-surface-deep:
    rgba(9, 8, 7, 0.7);

  --plaque-border:
    rgba(184, 139, 82, 0.44);

  --plaque-highlight:
    rgba(244, 215, 169, 0.08);
}

/*
The atmosphere is deliberately abstract:
Sierra ridges, high desert haze, distant dunes,
and the suggestion of morning light.
*/

.founders-page,
.charter-page {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(
      180deg,
      rgba(8, 7, 6, 0.16),
      rgba(8, 7, 6, 0.54)
    ),
    url("../images/artwork/dunes/Midnight-Moon-16-david-dory-.jpg")
      center 28% / cover fixed no-repeat,
    #080706;
  overflow-x: hidden;
}

.founders-page::before,
.charter-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(9, 8, 7, 0.08),
      rgba(9, 8, 7, 0.18) 35%,
      rgba(9, 8, 7, 0.48) 100%
    ),
    radial-gradient(
      ellipse at 72% 12%,
      rgba(230, 184, 112, 0.18),
      transparent 34rem
    );
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

.founders-page::after,
.charter-page::after {
  content: "";
  position: fixed;
  inset: auto 0 0;
  height: 42vh;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(8, 7, 6, 0.42)
    );
}

/* Transparent museum plaques */

.founders-hero,
.founders-belief,
.founders-section,
.founders-closing,
.founders-door,
.founders-seal,
.founders-inscription__inner,
.charter-hero,
.charter-panel,
.charter-closing,
.charter-inscription p,
.charter-principle {
  background:
    linear-gradient(
      145deg,
      rgba(26, 20, 16, 0.34),
      rgba(8, 7, 6, 0.46)
    ) !important;
  border-color:
    var(--plaque-border) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 var(--plaque-highlight);
  backdrop-filter:
    blur(9px)
    saturate(112%);
  -webkit-backdrop-filter:
    blur(9px)
    saturate(112%);
}

.founders-door,
.charter-principle {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(180, 126, 65, 0.08),
      transparent 46%
    ),
    linear-gradient(
      145deg,
      rgba(26, 20, 16, 0.30),
      rgba(8, 7, 6, 0.44)
    ) !important;
}

.founders-wall .founder-plaque,
.founders-plaque,
.charter-promise p,
.charter-test li {
  background:
    linear-gradient(
      90deg,
      rgba(33, 24, 18, 0.30),
      rgba(9, 8, 7, 0.40)
    );
  border-color:
    rgba(175, 129, 73, 0.36);
  backdrop-filter:
    blur(7px);
  -webkit-backdrop-filter:
    blur(7px);
}

/* Slowly moving light */

.founders-main::before,
.charter-main::before {
  content: "";
  position: fixed;
  top: 10%;
  left: -24%;
  width: 52vw;
  height: 58vh;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse at center,
      rgba(228, 190, 128, 0.08),
      transparent 67%
    );
  filter: blur(30px);
  animation:
    omnistic-drifting-light
    28s
    ease-in-out
    infinite alternate;
}

@keyframes omnistic-drifting-light {
  from {
    transform:
      translate3d(0, 0, 0)
      scale(1);
    opacity: 0.42;
  }

  to {
    transform:
      translate3d(48vw, 6vh, 0)
      scale(1.12);
    opacity: 0.72;
  }
}

/* Subtle room depth */

.founders-hero,
.charter-hero {
  position: relative;
  overflow: hidden;
}

.founders-hero::after,
.charter-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 36%;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(7, 6, 5, 0.28)
    );
}

.founders-heading,
.charter-heading,
.founders-hero > *,
.charter-hero > * {
  position: relative;
  z-index: 1;
}

/* Let more of the landscape show between plaques */

.founders-main,
.charter-main {
  row-gap: 20px;
}

.founders-belief,
.founders-section,
.founders-closing,
.charter-panel,
.charter-closing {
  margin-top: 38px !important;
}

/* Mobile keeps the atmosphere but reduces blur cost */

@media (max-width: 760px) {

  .founders-page,
  .charter-page {
    background-attachment: scroll;
  }

  .founders-page::before,
  .charter-page::before {
    filter: blur(5px);
  }

  .founders-hero,
  .founders-belief,
  .founders-section,
  .founders-closing,
  .founders-door,
  .founders-seal,
  .founders-inscription__inner,
  .charter-hero,
  .charter-panel,
  .charter-closing,
  .charter-inscription p,
  .charter-principle {
    backdrop-filter:
      blur(10px);
    -webkit-backdrop-filter:
      blur(10px);
  }

}

@media (prefers-reduced-motion: reduce) {

  .founders-main::before,
  .charter-main::before {
    animation: none;
  }

}


/* Build XXXII.2a — Stronger landscape visibility */

.founders-hero,
.founders-belief,
.founders-section,
.founders-closing,
.founders-door,
.founders-seal,
.charter-hero,
.charter-panel,
.charter-closing,
.charter-principle {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.72);
}

.founders-inscription__inner,
.charter-inscription p {
  background:
    linear-gradient(
      90deg,
      rgba(31, 23, 16, 0.58),
      rgba(9, 8, 7, 0.66),
      rgba(31, 23, 16, 0.58)
    ) !important;
}

@media (max-width: 760px) {
  .founders-page,
  .charter-page {
    background:
      linear-gradient(
        180deg,
        rgba(8, 7, 6, 0.18),
        rgba(8, 7, 6, 0.58)
      ),
      url("../images/artwork/dunes/Midnight-Moon-16-david-dory-.jpg")
        center top / cover scroll no-repeat,
      #080706;
  }
}


/* Build XXXII.2b - Crystal Dune Preview */
.founders-page,
.charter-page{
  background:
    linear-gradient(
      180deg,
      rgba(8,7,6,.08),
      rgba(8,7,6,.36)
    ),
    url("../images/artwork/dunes/Midnight-Moon-16-david-dory-.jpg")
    center center / cover fixed no-repeat,
    #080706;
}

.founders-page::before,
.charter-page::before{
  opacity:.35;
}