:root { --vv-bg-black: #14160F; --vv-bg-black-2: #1C1F14; --vv-text-on-dark: #F2EFE6; } html { background-color: var(--vv-bg-black); } body { background-color: transparent; color: var(--vv-text-on-dark); position: relative; z-index: 0; }  html::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background-color: var(--vv-bg-black); background-image:  linear-gradient(to bottom, rgba(74,108,60,0.26) 0%, rgba(74,108,60,0.14) 6%, rgba(74,108,60,0.07) 12%, rgba(74,108,60,0.03) 18%, transparent 26%),  linear-gradient(to top, rgba(74,108,60,0.26) 0%, rgba(74,108,60,0.14) 7%, rgba(74,108,60,0.07) 14%, rgba(74,108,60,0.03) 21%, transparent 30%),  radial-gradient(ellipse 48% 38% at 14% 12%, rgba(47,82,51,0.20) 0%, rgba(47,82,51,0.11) 15%, rgba(47,82,51,0.055) 30%, rgba(47,82,51,0.028) 45%, rgba(47,82,51,0.014) 60%, rgba(47,82,51,0.006) 75%, transparent 100%),  radial-gradient(ellipse 48% 38% at 86% 10%, rgba(217,108,63,0.11) 0%, rgba(217,108,63,0.06) 15%, rgba(217,108,63,0.03) 30%, rgba(217,108,63,0.015) 45%, rgba(217,108,63,0.007) 60%, rgba(217,108,63,0.003) 75%, transparent 100%),  radial-gradient(ellipse 52% 42% at 50% 102%, rgba(122,157,84,0.18) 0%, rgba(122,157,84,0.10) 15%, rgba(122,157,84,0.05) 30%, rgba(122,157,84,0.025) 45%, rgba(122,157,84,0.012) 60%, rgba(122,157,84,0.005) 75%, transparent 100%); background-repeat: no-repeat; background-size: cover; } html::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0.04; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 160px 160px; } @media (prefers-reduced-motion: no-preference) { html::before { animation: vvGlowShift 26s ease-in-out infinite alternate; } } @keyframes vvGlowShift { 0% { background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } 100% { background-position: 0% 0%, 0% 0%, 3% 5%, -3% 4%, -2% -3%; } }  .vv-header-bg { position: sticky; top: 0; z-index: 100; background-color: var(--vv-bg-black); background-image: linear-gradient(to bottom, rgba(74,108,60,0.26) 0%, rgba(74,108,60,0.14) 6%, rgba(74,108,60,0.07) 12%, rgba(74,108,60,0.03) 18%, transparent 26%), linear-gradient(to top, rgba(74,108,60,0.26) 0%, rgba(74,108,60,0.14) 7%, rgba(74,108,60,0.07) 14%, rgba(74,108,60,0.03) 21%, transparent 30%), radial-gradient(ellipse 48% 38% at 14% 12%, rgba(47,82,51,0.20) 0%, rgba(47,82,51,0.11) 15%, rgba(47,82,51,0.055) 30%, rgba(47,82,51,0.028) 45%, rgba(47,82,51,0.014) 60%, rgba(47,82,51,0.006) 75%, transparent 100%), radial-gradient(ellipse 48% 38% at 86% 10%, rgba(217,108,63,0.11) 0%, rgba(217,108,63,0.06) 15%, rgba(217,108,63,0.03) 30%, rgba(217,108,63,0.015) 45%, rgba(217,108,63,0.007) 60%, rgba(217,108,63,0.003) 75%, transparent 100%), radial-gradient(ellipse 52% 42% at 50% 102%, rgba(122,157,84,0.18) 0%, rgba(122,157,84,0.10) 15%, rgba(122,157,84,0.05) 30%, rgba(122,157,84,0.025) 45%, rgba(122,157,84,0.012) 60%, rgba(122,157,84,0.005) 75%, transparent 100%); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } h1, h2, h3, .vv-display { color: var(--vv-text-on-dark); } .vv-tagline { color: #7A9D54; } .vv-menu-card { background: var(--vv-bg-black-2); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); } .vv-menu-card .vv-item-desc { color: #B7B29E; }