:root{--vo-gold:209,168,93;--vo-gold-intensity:.7;--vo-text:234,234,234;--vo-bg:0,0,0}
*{box-sizing:border-box}html,body{height:100%}
body.vo-body{margin:0;background:rgb(var(--vo-bg));color:rgba(var(--vo-text),.92);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6}
.vo-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border-bottom:1px solid rgba(var(--vo-gold),.18)}
.vo-brand{letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--vo-gold),.92);font-weight:600}
.vo-nav a{color:rgba(var(--vo-gold),.88);text-decoration:none;margin-left:16px;padding-bottom:2px;border-bottom:1px solid transparent}
.vo-nav a:hover{border-bottom-color:rgba(var(--vo-gold),.55)}
.vo-section{min-height:92vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:8rem 1.5rem;background:radial-gradient(1200px 800px at 50% -10%,rgba(255,255,255,.05),transparent 60%),rgb(var(--vo-bg));isolation:isolate}
.vo-section .vo-section-inner{max-width:1050px;text-align:center;text-shadow:0 0 18px rgba(0,0,0,.35);position:relative;z-index:1}
.vo-section h1,.vo-section h2{margin:0 0 10px 0;font-weight:700;letter-spacing:.06em;color:rgba(var(--vo-gold),calc(.85*var(--vo-gold-intensity)));filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.vo-section p{color:rgba(var(--vo-text),.86);max-width:75ch;margin:0 auto 1rem}
.vo-section .vo-section-inner::before{content:"";position:absolute;inset:-60px -90px;z-index:-1;pointer-events:none;background:radial-gradient(520px 230px at 50% 40%,rgba(var(--vo-gold),.22),transparent 60%);filter:blur(12px);opacity:calc(.55*var(--vo-gold-intensity))}
.vo-section::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:calc(var(--vo-dust-enabled)*(0.20+0.28*var(--vo-gold-intensity)));background-image:radial-gradient(1px 1px at 8% 12%, rgba(var(--vo-gold),.45), transparent 40%),radial-gradient(1px 1px at 20% 70%, rgba(var(--vo-gold),.35), transparent 45%),radial-gradient(1px 1px at 55% 30%, rgba(var(--vo-gold),.28), transparent 45%),radial-gradient(1px 1px at 80% 60%, rgba(var(--vo-gold),.40), transparent 55%);background-size:280px 280px,360px 360px,420px 420px,520px 520px;background-repeat:repeat}
.vo-section::before{content:"";position:absolute;inset:-10% -5%;background-repeat:no-repeat;background-position:center;background-size:min(85vmin,1200px) auto;opacity:calc(.35+.42*var(--vo-gold-intensity));z-index:-2;transition:transform 400ms ease,filter 400ms ease;transform:translateY(var(--vo-parallax,0));filter:drop-shadow(0 40px 60px rgba(0,0,0,.78)) drop-shadow(0 0 55px rgba(var(--vo-gold),.18));box-shadow:0 0 160px 55px rgba(var(--vo-gold),.10)}
.vo-section[data-symbol=sun]::before{background-image:url('./symbols/sun.png')}
.vo-section[data-symbol=spiral]::before{background-image:url('./symbols/spiral.png')}
.vo-section[data-symbol=eye]::before{background-image:url('./symbols/eye.png')}
.vo-section[data-symbol=lotus]::before{background-image:url('./symbols/lotus.png')}
.vo-section[data-symbol=sunset]::before{background-image:url('./symbols/sunset.png')}
.vo-contact{display:grid;gap:10px;max-width:640px;margin:1.5rem auto 0}
.vo-contact input,.vo-contact textarea{background:#0a0a0a;border:1px solid rgba(var(--vo-gold),.25);color:rgba(var(--vo-text),.95);padding:12px 14px;border-radius:8px}
.vo-contact button{padding:12px 16px;border-radius:999px;cursor:pointer;border:1px solid rgba(var(--vo-gold),.35);background:rgba(var(--vo-gold),.10);color:rgba(var(--vo-gold),.9)}
.vo-contact button:hover{background:rgba(var(--vo-gold),.16)}
.vo-footer{padding:22px 20px;border-top:1px solid rgba(var(--vo-gold),.18);background:rgb(var(--vo-bg))}
.vo-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;color:rgba(var(--vo-text),.7)}
.vo-footer a{color:rgba(var(--vo-gold),.85);text-decoration:none;margin-left:10px}
@media (max-width:768px){.vo-nav a{margin-left:10px;font-size:14px}.vo-section{padding:5.5rem 1rem}}
@media (prefers-reduced-motion: reduce){.vo-section::before{transition:none}}