@property --i{syntax:"<number>";inherits:false;initial-value:0}@property --duration{syntax:"<time>";inherits:false;initial-value:0s}@property --delay{syntax:"<time>";inherits:false;initial-value:0s}@property --x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --scroll-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spinDNA{0%{transform:rotateX(-10deg)rotateY(0)}to{transform:rotateX(-10deg)rotateY(360deg)}}@keyframes drift{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(-100vh - 310px))translate(30px)scale(.5)}}.dna-sidebar{z-index:-1;cursor:default;pointer-events:none;width:clamp(400px,35vw,700px);height:calc(100vh + 300px);position:fixed;top:0;left:0;overflow:hidden}.dna-bg{perspective:1000px;pointer-events:none;z-index:0;position:absolute;inset:0}.dna-float{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;transform:rotate(-10deg)}.dna-scroll-twist{width:100%;height:100%;transform-style:preserve-3d}.dna-helix{width:100%;height:100%;transform-style:preserve-3d;animation:20s linear infinite spinDNA;position:relative}.rung{top:calc(50% - calc(800px*var(--dna-scale)) + var(--i)*calc(20px*var(--dna-scale)));left:calc(50% - calc(80px*var(--dna-scale)));width:calc(160px*var(--dna-scale));height:2px;transform:rotateY(calc(var(--i)*9deg));transform-style:preserve-3d;background:#ffffff26;position:absolute}.rung:before,.rung:after{content:"";width:calc(10px*var(--dna-scale));height:calc(10px*var(--dna-scale));border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.rung:before{left:calc(-5px*var(--dna-scale));box-shadow:0 0 calc(12px*var(--dna-scale))#334155,0 0 calc(24px*var(--dna-scale))#334155;background:#334155}.rung:after{right:calc(-5px*var(--dna-scale));box-shadow:0 0 calc(12px*var(--dna-scale))#0d9488,0 0 calc(24px*var(--dna-scale))#0d9488;background:#0d9488}.dust-particle{width:calc(5px*var(--dna-scale));height:calc(5px*var(--dna-scale));pointer-events:none;animation:drift var(--duration)var(--delay)linear infinite;left:var(--x);background:#0d948866;border-radius:50%;position:absolute;bottom:-10px}@media (prefers-reduced-motion:reduce){.dna-helix{animation:none}.dust-particle{opacity:.4;animation:none}}@media (max-width:700px){.dna-sidebar{opacity:.25;width:100vw;height:100vh;left:50%;transform:translate(-50%)}.rung{background:#ffffff14}.rung:nth-child(odd),.dust-particle:nth-child(4n+2),.dust-particle:nth-child(4n+3),.dust-particle:nth-child(4n+4){display:none}.rung:before{box-shadow:0 0 calc(12px*var(--dna-scale))#334155}.rung:after{box-shadow:0 0 calc(12px*var(--dna-scale))#0d948880}.dna-helix{transform:rotateX(-10deg)rotateY(var(--scroll-rotation,0deg));animation:none}}