html{scrollbar-gutter:stable}.site-header{view-transition-name:studio-header}main{view-transition-name:studio-content}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(studio-header),::view-transition-new(studio-header){animation:none;mix-blend-mode:normal}::view-transition-old(studio-content){animation:content-out 140ms ease-out both}::view-transition-new(studio-content){animation:content-in 220ms ease-out both;animation-delay:140ms}@keyframes content-out{to{opacity:0}}@keyframes content-in{from{opacity:0}to{opacity:1}}
.logo-stage{position:relative;cursor:grab;touch-action:pan-y;perspective:1000px}.logo-stage:active{cursor:grabbing}.logo-tilt{width:min(65%,280px);height:220px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,-8deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease-out}.logo-sculpture{position:absolute;inset:0;transform-style:preserve-3d;animation:sculpture-turn 16s ease-in-out infinite}.logo-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(var(--depth));filter:brightness(0) invert(1);opacity:.85}.logo-layer:not(:last-child){filter:brightness(0) saturate(100%) invert(60%) sepia(45%) saturate(900%) hue-rotate(35deg);opacity:1}.logo-layer:last-child{opacity:1}.motion-paused .logo-sculpture{animation-play-state:paused}html[data-theme=light] .logo-layer:last-child{filter:none}@media(prefers-color-scheme:light){html[data-theme=system] .logo-layer:last-child{filter:none}}@keyframes sculpture-turn{0%,100%{transform:rotateY(-28deg) rotateX(5deg)}50%{transform:rotateY(28deg) rotateX(-5deg)}}.logo-stage .rotating-mark{animation:none}.logo-hint{position:absolute;bottom:0;font-size:10px;color:var(--muted);margin:0}.interactive-word{display:inline-block;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translate(var(--word-x,0px),var(--word-y,0px)) rotate(var(--word-r,0deg))}.interactive-word:hover{color:var(--accent)}@media(max-width:760px){.logo-tilt{height:180px}}@media(prefers-reduced-motion:reduce){.logo-sculpture{animation:none}.logo-tilt,.interactive-word{transform:none!important;transition:none}::view-transition-old(studio-content),::view-transition-new(studio-content){animation:none}.logo-hint{display:none}}

[data-wire-logo]{height:330px;touch-action:pan-y}[data-wire-logo] canvas{display:block;width:100%;height:100%}[data-wire-logo] .logo-hint{font-size:9px;left:0;right:0;text-align:center;pointer-events:none}@media(max-width:760px){[data-wire-logo]{height:280px}}
