.detail-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#586f61;z-index:1;overflow:hidden}.detail-grid{opacity:calc(.17 * var(--detail-strength,1))}.detail-emblem{opacity:calc(.36 * var(--detail-strength,1))}.detail-star{fill:currentColor;opacity:calc(.28 * var(--detail-strength,1))}.detail-dot{fill:currentColor;opacity:calc(.34 * var(--detail-strength,1))}.detail-ring{opacity:calc(.3 * var(--detail-strength,1))}.science-component{opacity:calc(.27 * var(--detail-strength,1))}body[data-state]:not([data-state=home]) .detail-field{display:none}body[data-dna-directory=true] .detail-field{opacity:calc(.4 * var(--detail-strength,1))}body[data-state=home] .detail-grid{opacity:calc(.13 * var(--detail-strength,1))}body[data-state=home] .science-component{opacity:calc(.21 * var(--detail-strength,1))}@media(max-width:650px){body[data-state=home] .detail-grid{opacity:calc(.10 * var(--detail-strength,1))}body[data-state=home] .science-component{opacity:calc(.22 * var(--detail-strength,1))}}

body[data-state=home] .detail-field{z-index:0}

.bio-motif{fill:none;stroke:currentColor;stroke-width:.8;opacity:calc(.22 * var(--detail-strength,1))}
.bio-emblem-turn{animation:bio-turn 28s ease-in-out infinite;transform-origin:0 0}
.bio-ring-breathe{animation:bio-breathe 22s ease-in-out -7s infinite;transform-origin:0 0}
.bio-conformation{animation:bio-turn 34s ease-in-out -11s infinite;transform-origin:0 0}
.bio-ligand{animation:bio-dock 26s ease-in-out -4s infinite}
@keyframes bio-turn{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes bio-breathe{0%,100%{transform:scale(.95);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes bio-dock{0%,100%{transform:translate(0,0)}50%{transform:translate(-3px,4px)}}
body[data-motion-paused=true] .detail-field *,body[data-bio-motion=off] .detail-field *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.detail-field *{animation:none!important}}