/* ==========================================================================
   DIGIS ADS — Atmosphere & Effects
   Grain, glow, glass. Used sparingly and only where it carries meaning.
   ========================================================================== */

/* ---- Grain overlay (fixed, whole page) ---- */
.grain {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.035;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 180px 180px;
}

/* ---- Ambient orange glows (positioned per-section via modifier classes) ---- */
.glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(var(--blur-atmosphere));
  pointer-events: none;
  z-index: 0;
}

.glow--primary {
  width: 640px;
  height: 640px;
  background: radial-gradient(circle, rgba(255, 122, 0, 0.32) 0%, rgba(255, 122, 0, 0) 70%);
}

.glow--soft {
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(255, 154, 61, 0.18) 0%, rgba(255, 154, 61, 0) 70%);
}

.glow--deep {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(201, 78, 0, 0.25) 0%, rgba(201, 78, 0, 0) 70%);
}

/* ---- Glass surface ---- */
.glass {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(var(--blur-glass));
  backdrop-filter: blur(var(--blur-glass));
  border-radius: var(--radius-lg);
  position: relative;
}

.glass::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(180deg, var(--glass-highlight), transparent 40%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.6;
}

.glass--strong {
  background: var(--glass-bg-strong);
  border-color: var(--glass-border-strong);
  box-shadow: var(--shadow-md);
}

/* ---- Fine connective lines (data / signal motif) ---- */
.signal-lines {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* ---- Noise-safe atmospheric backdrop for a section ---- */
.atmosphere {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}