/* Independent motion properties preserve each mode's carefully placed objects. */
.hero .hover-object{transition:rotate .3s ease,translate .3s ease,scale .3s ease,filter .3s ease,transform .95s cubic-bezier(.22,.8,.2,1),left .95s,right .95s,top .95s,width .95s,opacity .5s}
@media(hover:hover) and (pointer:fine){
 .desk-left .pen,.desk-left .clipping,.desk-left .coffee,.desk-left .cream,.pixel-cursor{pointer-events:auto;cursor:pointer}
 .desk-left .pen{clip-path:inset(0 41% 0 42%);z-index:5}
 .desk-left .cream,.desk-left .coffee{z-index:5}
 .hover-object.is-hovered{translate:0 -4px;rotate:2deg;scale:1.025}
 .pen.is-hovered{animation:pencil-scribble .55s ease;transform-origin:50% 85%;translate:0 -4px;rotate:-3deg}
 .cream.is-hovered{scale:1.035 .98;rotate:-2deg}
 .notebook.is-hovered{translate:0 -3px;rotate:.7deg;scale:1.01}
 .lamp.is-hovered{rotate:-2deg;translate:0 -2px}
 .folder.is-hovered{translate:0 -7px;rotate:3deg}
 .floating-tools:not([hidden]){pointer-events:auto}
 .clipping.is-hovered{rotate:-4deg;translate:0 -5px}
 .swatches.is-hovered i:nth-child(1){transform:rotate(-20deg)}
 .swatches.is-hovered i:nth-child(2){transform:rotate(8deg)}
 .swatches.is-hovered i:nth-child(3){transform:rotate(36deg)}
 .swatches.is-hovered i:nth-child(4){transform:rotate(64deg)}
 .swatches.is-hovered i:nth-child(5){transform:rotate(92deg)}
 .contact-envelope.is-hovered .envelope-paper:after{clip-path:polygon(0 0,100% 0,50% 35%)}
 .music.is-hovered{z-index:8;scale:1.025}
 body.lamp-hover .lamp-light{opacity:1}
 body.lamp-hover .lamp img{filter:drop-shadow(0 3px 10px #eabd6966)}
}
.music-hover-zone{display:none}
@media(min-width:1001px) and (hover:hover) and (pointer:fine){
 body[data-mode=clean] .music-hover-zone{display:block;position:absolute;left:39.6%;top:0;width:25.4cqw;height:28cqw;z-index:3}
 body[data-mode=clean] .music.is-hovered{left:42%;top:0;width:21cqw;height:28cqw;transform:rotate(0);scale:1;z-index:8}
}
@keyframes pencil-scribble{0%,100%{rotate:-3deg}20%{rotate:1deg}40%{rotate:-5deg}60%{rotate:0deg}80%{rotate:-4deg}}
@media(prefers-reduced-motion:reduce){.hero .hover-object,.hero .music{transition:none!important;animation:none!important}.hover-object.is-hovered{rotate:none;translate:none;scale:1}.music.is-hovered{scale:1}}