.floating-logo{--motif-width:340px;--motif-opacity:.58;--motif-green:#4e7d6f;--motif-rust:#a86f55;--motif-travel-x:12px;--motif-travel-y:10px;--motif-duration:18s;--motif-delay:-4s;--assembly-duration:10s;--assembly-delay:-.2s;width:var(--motif-width);pointer-events:none;user-select:none;opacity:var(--motif-opacity);display:block;position:absolute}.floating-logo-drift{width:100%;display:block}.logo-assembly{width:100%;height:auto;display:block;overflow:hidden}.motif-ink--green{flood-color:var(--motif-green)}.motif-ink--rust{flood-color:var(--motif-rust)}.logo-atom{transform-box:view-box;transform-origin:0 0;transform:translate(var(--node-x), var(--node-y))}.logo-fragment{transform-box:view-box;transform-origin:0 0}.motif-mobile{display:none}html[data-motion=on] .floating-logo-drift{animation:motif-drift var(--motif-duration) ease-in-out var(--motif-delay) infinite;animation-play-state:paused}html[data-motion=on] .logo-atom{animation:motif-assemble var(--assembly-duration) cubic-bezier(.4, 0, .2, 1) calc(var(--assembly-delay) - var(--node-lag)) infinite;animation-play-state:paused}html[data-motion=on] .logo-fragment{transform:translate(var(--pointer-x,0px), var(--pointer-y,0px));transition:transform 1s cubic-bezier(.22,1,.36,1)}html[data-motion=on] [data-pointer-near] .logo-fragment{transition-duration:.18s}html[data-motion=on] .floating-logo[data-visible] :is(.floating-logo-drift,.logo-atom){animation-play-state:running}@keyframes motif-drift{0%,to{transform:translate(calc(var(--motif-travel-x) * -.7), calc(var(--motif-travel-y) * .5))}33%{transform:translate(var(--motif-travel-x), calc(var(--motif-travel-y) * -1))}66%{transform:translate(calc(var(--motif-travel-x) * -.6), var(--motif-travel-y))}}@keyframes motif-assemble{0%,7%,90%,to{transform:translate(var(--node-x), var(--node-y)) rotate(0deg)}28%{transform:translate(var(--loose-x), var(--loose-y)) rotate(var(--loose-angle))}48%{transform:translate(var(--wander-x), var(--wander-y)) rotate(calc(var(--loose-angle) * -1))}66%{transform:translate(var(--return-x), var(--return-y)) rotate(var(--loose-angle))}}.floating-logo--intro{--motif-width:430px;--motif-opacity:.65;top:.5rem;right:-1.5rem}.floating-logo--project{--motif-width:380px;--motif-duration:20s;--motif-delay:-14s;--assembly-duration:11s;--assembly-delay:-.3s;width:min(100%, var(--motif-width));grid-area:1/2/span 3;place-self:center;position:relative}.floating-logo--experience{--motif-width:300px;--motif-duration:22s;--motif-delay:-22s;--assembly-duration:12s;--assembly-delay:-.4s;bottom:-.25rem;left:-.5rem}.experience-section{min-height:23rem}.floating-logo--contact{--motif-width:180px;--motif-opacity:.44;--assembly-duration:10s;--assembly-delay:-.25s;top:2rem;left:39%}.floating-logo--archive{--motif-width:340px;--assembly-delay:-.3s;top:.5rem;right:-1rem}@media (width<=1100px){.floating-logo--intro{--motif-width:280px;top:1rem;right:-1rem}.floating-logo--experience{--motif-width:250px;bottom:-.25rem;left:-.5rem}.floating-logo--archive{--motif-width:250px;right:-1rem}.floating-logo--contact{display:none}}@media (width<=899px){.experience-section{min-height:0}.floating-logo{display:none}.floating-logo--intro,.floating-logo--archive{--motif-opacity:.4;width:64px;display:block;top:.75rem;right:0}.logo-assembly{display:none}.motif-mobile{color:var(--motif-green);align-items:center;gap:5px;display:flex}.motif-mobile .logo-mark{width:28px;height:auto;display:block}.motif-mobile .logo-mark+.logo-mark{color:var(--motif-rust);transform:translateY(9px)}html[data-motion=on] :is(.floating-logo-drift,.logo-atom){animation:none}}@media print{.floating-logo{display:none!important}}