/* ============================================================
Effects & atmosphere — AVOW Digital
The signature ambient radial wash + fine grain overlay that
sits behind every AVOW surface, plus shared helpers.
============================================================ */
/* Tabular-figure helper — use on any number, score, price, KPI */
.mono {
font-family: var(--font-mono);
font-feature-settings: var(--font-feature-num);
}
/* ---- Ambient atmosphere ----
Two fixed, pointer-events:none layers. Drop both as the first
children of :
Keep page content in a positioned wrapper with z-index >= 2. */
.ambient,
.grain {
inset: 0;
pointer-events: none;
position: fixed;
z-index: 0;
}
.ambient {
background:
radial-gradient(60% 50% at 12% 18%, rgba(10, 22, 40, 0.05), transparent 60%),
radial-gradient(50% 40% at 92% 70%, rgba(10, 22, 40, 0.04), transparent 60%),
radial-gradient(40% 35% at 70% 8%, rgba(168, 107, 0, 0.035), transparent 60%);
}
.grain {
background-image: url("data:image/svg+xml;utf8,");
mix-blend-mode: multiply;
opacity: 0.5;
z-index: 1;
}
/* Navy "dark band" wash — the glow used behind dark CTA panels */
.band-glow {
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(50% 60% at 80% 0%, rgba(168, 107, 0, 0.22), transparent 60%),
radial-gradient(50% 50% at 10% 100%, rgba(31, 51, 88, 0.6), transparent 60%);
}
/* Eyebrow with leading rule — the marketing kicker treatment */
.eyebrow-line {
align-items: center;
display: inline-flex;
gap: 12px;
}
.eyebrow-line::before {
background: currentColor;
content: "";
height: 1px;
width: 26px;
opacity: 0.9;
}