*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:Archivo,Arial,sans-serif}
body{overflow:hidden}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
a{color:inherit}
noscript{display:block;padding:20px;background:#fff;color:#111}
.display{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em}
.micro{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.micro--dark{color:#687078}
.shell{width:min(1500px,calc(100% - 48px));margin:auto}
.screen{position:fixed;inset:0;overflow:hidden;display:block;opacity:0;visibility:hidden;pointer-events:none;filter:blur(10px);transition:opacity .5s var(--ease),filter .5s var(--ease),visibility 0s .5s}
.screen--active{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0);transition:opacity .5s var(--ease),filter .5s var(--ease)}
.noise{position:absolute;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 30%,rgba(224,163,62,.12),transparent 24%),radial-gradient(circle at 82% 62%,rgba(224,163,62,.08),transparent 22%),radial-gradient(circle at 50% 45%,#10141a 0,#07090b 50%,#030405 100%)}
.ambient--boot{background:radial-gradient(circle at 50% 45%,#0c0f13,#030405 65%)}

.cosmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .35s ease-out}
.cosmos__wash{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(5,6,7,.78),rgba(5,6,7,.88)),
    url("../assets/images/voltaro-cosmic-reference.webp") center/cover no-repeat;
  opacity:.18;
  filter:saturate(.55) contrast(.95) brightness(.78);
}
.cosmos__stars{
  position:absolute;inset:0;opacity:.22;
  background-image:
    radial-gradient(circle at 10% 25%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle at 20% 70%,rgba(255,214,120,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle at 62% 38%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 84% 22%,rgba(255,214,120,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 90% 72%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);
  background-size:340px 280px,430px 360px,520px 420px,620px 500px,780px 620px,900px 700px;
}
.sun-glow{
  position:absolute;left:-7vw;top:34%;width:26vw;height:26vw;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,136,.42) 0 3%,rgba(224,163,62,.18) 12%,rgba(224,163,62,.06) 34%,transparent 68%);
  filter:blur(6px);opacity:.7;
}
.orbit{
  position:absolute;left:50%;top:47%;border:1px solid rgba(224,163,62,.15);border-radius:50%;
  transform:translate(-50%,-50%);animation:orbitRotate linear infinite;
}
.orbit:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 50px rgba(224,163,62,.025)}
.orbit--1{width:38vw;height:23vw;animation-duration:36s}
.orbit--2{width:54vw;height:32vw;animation-duration:52s;animation-direction:reverse}
.orbit--3{width:70vw;height:42vw;animation-duration:72s}
.orbit--4{width:86vw;height:52vw;animation-duration:96s;animation-direction:reverse}
.orbit--5{width:102vw;height:62vw;animation-duration:120s}
.planet{
  position:absolute;left:50%;top:-7px;display:block;border-radius:50%;
  transform:translateX(-50%);box-shadow:0 0 18px rgba(224,163,62,.26);
}
.planet--1{width:9px;height:9px;background:radial-gradient(circle at 35% 30%,#fff5c9,#e0a33e 55%,#7a4c12)}
.planet--2{width:14px;height:14px;background:radial-gradient(circle at 35% 28%,#d9edf2,#667887 52%,#111820)}
.planet--3{width:7px;height:7px;background:#ffd678;box-shadow:0 0 20px rgba(255,214,120,.8)}
.planet--4{width:18px;height:18px;background:radial-gradient(circle at 35% 25%,#cdb98a,#806334 52%,#1a130a)}
.planet--5{width:6px;height:6px;background:#e0a33e;box-shadow:0 0 16px rgba(224,163,62,.9)}
@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.orbit{animation:none}}


.cursor-glow{
  position:fixed;top:0;left:0;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,214,120,.12) 0%,rgba(224,163,62,.04) 40%,transparent 68%);
  opacity:.55;
  pointer-events:none;z-index:9999;mix-blend-mode:screen;filter:blur(10px);
  transition:opacity .3s ease;will-change:transform;
}