/* Kinetic identity: the same dark universe, with a living orbital sculpture. */
:root{--scene-accent:#79f2db}
.atmosphere{background:radial-gradient(ellipse at 83% 28%,#23274722,transparent 48%),#060910}
.atmosphere canvas{opacity:.96}
.atmosphere:after{background:linear-gradient(90deg,#03070e16,transparent 48%,#03070e0a)}
.aurora{opacity:.12;filter:blur(100px)}
.aurora-one{background:#263c95;animation-duration:13s}
.aurora-two{animation-duration:16s}
.top{background:linear-gradient(#060910eb,#06091040);backdrop-filter:blur(16px);border-bottom:1px solid #b8ccff0b}
.top.scrolled{background:#080d17df;border-color:#79f2db1a}
.navlinks a{position:relative;transition:color .25s}
.navlinks a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--scene-accent),#ab98ef);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.navlinks a:hover,.navlinks a.is-active{color:var(--ink)}
.navlinks a:hover:after,.navlinks a.is-active:after{transform:scaleX(1)}
.hero-v2{min-height:760px;background:radial-gradient(ellipse at 10% 60%,#79f2db03,transparent 48%)}
.hero-v2:before{content:'';position:absolute;inset:58% -25% -36%;z-index:-2;pointer-events:none;background:linear-gradient(#09101a00,#09101a22),repeating-linear-gradient(0deg,#81a5d410 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,#81a5d410 0 1px,transparent 1px 64px);transform:perspective(420px) rotateX(65deg);mask-image:radial-gradient(ellipse,#0007,transparent 66%);animation:field-drift 12s linear infinite}
.hero-artwork{top:150px;width:min(63vw,800px);aspect-ratio:1.3;--scene-x:0;--scene-y:0}
.hero-artwork img{left:13%;width:74%;transform:translateY(-50%) perspective(1000px) rotateX(calc(var(--scene-y)*-5deg)) rotateY(calc(var(--scene-x)*7deg));animation:insignia-drift 7s ease-in-out infinite;filter:drop-shadow(0 0 25px #80c3f018)}
.hero-artwork:before{background:radial-gradient(ellipse,#647ae00d,transparent 65%);filter:blur(40px);opacity:.55;animation-duration:11s}
.hero-orbits{inset:12% 14%;opacity:.32;transform:rotate(-24deg)}
.hero-orbits span{animation-duration:26s;border-color:#9cbaff20}
.hero-orbits span:nth-child(2){animation-duration:19s}
.hero-orbits span:nth-child(3){animation-duration:43s}
.hero-v2 h1{font-size:clamp(54px,5.6vw,80px);line-height:1.04;letter-spacing:-.065em;max-width:550px}
.hero-v2 h1 span{background-image:linear-gradient(115deg,#f1f5f8 16%,#f1f5f8 40%,#9cfff0 56%,#a8bcff 70%,#f1f5f8 88%);background-size:230% 100%;animation:frequency-light 12s ease-in-out infinite}
.hero-v2 .hero-footnote{margin-top:25px;color:#a8bacb}
.hero-v2 .lede{color:#b5c1d1}
.hero-v2 .btn.primary{position:relative;overflow:hidden;transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .3s var(--ease),box-shadow .3s;box-shadow:0 0 40px #79f2db12}
.hero-v2 .btn.primary:after{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(100deg,transparent 42%,#ffffff66 50%,transparent 58%);transform:translateX(-75%) rotate(12deg);animation:button-sheen 8s ease-in-out infinite;pointer-events:none}
.hero-tuner{position:absolute;right:max(48px,calc((100vw - 1280px)/2 + 60px));bottom:82px;width:min(350px,32vw);padding:18px 0 0;border-top:1px solid #abcaff26;display:none;grid-template-columns:1fr auto;gap:15px 24px;color:#9eacc4}
.scene-ready .hero-tuner{display:grid}
.hero-tuner label{font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.hero-tuner output{font:11px var(--mono);color:var(--scene-accent);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.hero-tuner input{--tune-percent:42%;grid-column:1/-1;appearance:none;-webkit-appearance:none;width:100%;height:2px;margin:5px 0 12px;cursor:ew-resize;background:linear-gradient(90deg,var(--scene-accent) var(--tune-percent),#9eb5e733 var(--tune-percent));border:0;padding:0;box-shadow:0 0 24px #79f2db10}
.hero-tuner input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:3px solid #080e18;border-radius:50%;background:#c4fff3;box-shadow:0 0 0 1px #79f2db66,0 0 17px #79f2db44}
.hero-tuner input::-moz-range-thumb{width:9px;height:9px;border:2px solid #080e18;border-radius:50%;background:#c4fff3;box-shadow:0 0 0 1px #79f2db66}
.hero-tuner input:focus-visible{outline:2px solid var(--cyan);outline-offset:10px}
.hero-discover{color:var(--scene-accent);animation:discover-drift 2.4s ease-in-out infinite}
.latest{background:linear-gradient(110deg,#162b2b66,#111827b8 45%,#211a3655);border-color:#a8baff2b;box-shadow:0 20px 70px #0002,0 0 0 1px #ffffff03 inset;backdrop-filter:blur(20px)}
.latest:before{animation:latest-signal 6s ease-in-out infinite;transform-origin:left}
.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(36px) scale(.985);filter:blur(3px)}
.motion-ready .reveal{transition:opacity .9s var(--ease) var(--reveal-delay,0ms),transform .9s var(--ease) var(--reveal-delay,0ms),filter .9s var(--ease);filter:blur(0)}
.cover-frame{transition:transform .6s var(--ease),box-shadow .6s}
.track .cover-frame:after{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#d3fff522,transparent 48%),linear-gradient(145deg,#fff0 46%,#b1c9ff0b 50%,#fff0 55%);opacity:0;transition:opacity .5s;pointer-events:none}
.track .cover-frame:hover:after{opacity:1}
.track h3 a{transition:color .3s,text-shadow .3s}
.track h3 a:hover{color:var(--scene-accent);text-shadow:0 0 30px #79f2db22}
.freq-card{position:relative;overflow:hidden;transition:transform .5s var(--ease),border-color .5s,background .5s;isolation:isolate}
.freq-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#8ab7ff16,transparent 60%);opacity:0;transition:opacity .4s}
.freq-card:hover:before{opacity:1}
.freq-card[aria-pressed=true]{border-color:var(--scene-accent);box-shadow:0 0 35px #79f2db08 inset}
.freq-card:hover .freq-icon{transform:translateY(-3px) rotate(-10deg)}
.freq-icon{transition:transform .5s var(--ease)}
.edit-card{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#7593e10c,transparent 65%),#101522a8;transition:border-color .4s}
.edit-card:hover{border-color:#a0bcff55}
.edit-art img{transition:transform 1s var(--ease)}
.edit-art:hover img{transform:scale(1.04)}
.contact-panel{background:radial-gradient(ellipse at 0 100%,#79f2db12,transparent 65%),radial-gradient(ellipse at 100% 0,#7993ef19,transparent 65%),#10152099;backdrop-filter:blur(16px)}
.motion-paused .reveal{filter:none!important}
.motion-paused .hero-artwork img{translate:0 0}
.motion-paused .hero-v2 .btn.primary{transform:none}
.motion-paused .freq-card:hover{transform:none}
@keyframes field-drift{to{background-position:0 0,0 64px,0 0}}
@keyframes insignia-drift{0%,100%{translate:0 -6px}50%{translate:0 7px}}
@keyframes frequency-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes button-sheen{0%,65%{transform:translateX(-75%) rotate(12deg)}90%,100%{transform:translateX(75%) rotate(12deg)}}
@keyframes latest-signal{50%{transform:scaleX(1.7);opacity:.35}}
@keyframes discover-drift{50%{translate:0 6px}}
@media(max-width:1050px){.hero-v2{min-height:790px}.hero-v2 h1{font-size:58px;max-width:420px}.hero-artwork{top:170px;width:58vw}.hero-tuner{right:38px;bottom:78px;width:32vw}}
@media(max-width:760px){.hero-v2{min-height:950px}.hero-v2 h1{font-size:60px;max-width:520px}.hero-artwork{top:auto;bottom:112px;width:min(600px,100%);aspect-ratio:1.5}.hero-tuner{right:50%;transform:translateX(50%);bottom:48px;width:min(340px,calc(100% - 80px));gap:12px 24px}.hero-tuner label{font-size:8px}.hero-tuner output{font-size:10px}.hero-discover{bottom:10px}.hero-v2:before{inset:70% -40% -10%}}
@media(max-width:540px){.hero-v2{min-height:890px}.hero-v2 h1{font-size:51px;max-width:350px}.hero-v2-bottom{top:170px}.hero-artwork{bottom:126px;width:105%;aspect-ratio:1.45}.hero-artwork img{left:10%;width:80%}.hero-v2 .lede{max-width:350px}.hero-tuner{bottom:47px;width:calc(100% - 80px)}.hero-v2 .buttons{gap:18px}.hero-orbits{opacity:.22}}
@media(max-width:360px){.hero-v2{min-height:900px}.hero-v2 h1{font-size:44px}.hero-tuner{width:calc(100% - 64px)}.hero-v2 .buttons{gap:12px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .hero-artwork img,html:not(.motion-enabled) .hero-v2:before,html:not(.motion-enabled) .hero-v2 h1 span,html:not(.motion-enabled) .hero-v2 .btn.primary:after,html:not(.motion-enabled) .latest:before,html:not(.motion-enabled) .hero-discover{animation:none!important}.motion-ready .reveal{filter:none;transition:none}}