/* Dark ironstone, fine mineral strata and a single slow play-of-colour layer. */
body { background: #0d0f12; isolation: isolate; }
.mineral-atmosphere {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  background: linear-gradient(125deg, #10181b, #0d0f12 46%, #181512) center/cover no-repeat;
  background-image: url('/static/img/brand/asset1.webp');
}
.ambient-video { position:absolute; inset:-5%; width:110%; height:110%; object-fit:cover; opacity:.18; filter:saturate(.9) contrast(1.08); mix-blend-mode:screen; }
.ambient-video + .mineral-light { opacity:.42; animation-duration:42s; }
.ambient-video ~ .mineral-shade { background:radial-gradient(ellipse at 48% 42%, #0d0f1290 15%, transparent 75%), linear-gradient(0deg, #0d0f1270, transparent 35%, #0d0f1240); }
.ambient-paused .ambient-video, .ambient-hidden .ambient-video { visibility:hidden; }
.mineral-light {
  position: absolute;
  inset: -12%;
  background:
    radial-gradient(ellipse 38% 55% at 92% 24%, #36b7b02b, transparent 75%),
    radial-gradient(ellipse 22% 65% at 85% 54%, #8c6be821, transparent 76%),
    radial-gradient(ellipse 38% 32% at 8% 85%, #36b7b020, transparent 74%),
    radial-gradient(ellipse 20% 42% at 97% 90%, #e8756914, transparent 72%);
  animation: mineral-breathe 32s ease-in-out infinite alternate;
}
.mineral-strata {
  position: absolute;
  inset: 0;
  opacity: .4;
  background:
    repeating-linear-gradient(119deg, transparent 0 88px, #aeb8ba04 89px, transparent 91px 173px),
    repeating-linear-gradient(121deg, transparent 0 229px, #36b7b009 230px, transparent 232px 417px);
  mask-image: linear-gradient(90deg, #0009, transparent 42%, #000);
}
.mineral-shade {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 48% 42%, #0d0f125c 15%, transparent 75%),
    linear-gradient(0deg, #0d0f1255, transparent 35%, #0d0f1222);
}
@keyframes mineral-breathe {
  from { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .65; }
  to { transform: translate3d(3%, 2%, 0) scale(1.05); opacity: 1; }
}
/* The background supplies ambient motion; brand marks and badges stay still. */
.wordmark-mark, .live-badge { animation: none; }
.ambient-toggle {
  padding: 8px 12px;
  min-height: 44px;
  color: var(--text-muted);
  border: 1px solid var(--border);
  border-radius: 2px;
  background: var(--bg);
  cursor: pointer;
  font: inherit;
}
.ambient-toggle:hover { color: var(--teal); border-color: var(--teal); }
.ambient-paused .mineral-light, .ambient-hidden .mineral-light { animation-play-state: paused; }
@media (max-width: 760px) {
  .mineral-atmosphere { background-image: url('/static/img/brand/asset2.webp'); }
  .mineral-light { inset: -6%; }
  .mineral-strata { opacity: .25; }
}
@media (prefers-reduced-motion: reduce) {
  .ambient-video { display:none; }
  .mineral-light { animation: none; opacity: .7; }
  .ambient-toggle { display: none; }
}
@media (forced-colors: active), print {
  .mineral-atmosphere, .ambient-toggle { display: none; }
}