/* A background layer only: container layout, padding, height and content stay native. */
.originals-animated-background { position: relative; isolation: isolate; }
.originals-animated-background > .originals-hero-background { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; border-radius: inherit; contain: layout paint; opacity: var(--originals-background-opacity, 1); }
.originals-animated-background .originals-hero-canvas { display: block; width: 100%; height: 100%; transform: translateZ(0); }
.originals-animated-background[data-originals-effect="ascii"] > .originals-hero-background { background: radial-gradient(ellipse at 50% 100%, var(--originals-hero-color3, #a5d8ff), transparent 65%), linear-gradient(180deg, var(--originals-hero-base, #020617) 20%, var(--originals-hero-color1, #1e3fd8) 65%, var(--originals-hero-color4, #38bdf8)); }
.originals-animated-background[data-originals-effect="ascii"][data-hero-canvas="ready"] > .originals-hero-background { background: var(--originals-hero-base, #020617); }
.originals-animated-background[data-originals-effect="globe"] > .originals-hero-background { background: linear-gradient(var(--originals-background-angle, 180deg), var(--originals-hero-color1, #0b082c), var(--originals-hero-color2, #5042fa) 47%, var(--originals-hero-color3, #c9c4f7) 79%, var(--originals-hero-color4, #f8f8fc)); }
@media print { .originals-animated-background .originals-hero-canvas { display: none; } }