.noctis-mark{transition:transform .18s,filter .18s}.noctis-mark__work{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 8px #00000047);width:100%;height:100%;display:block}.noctis-mark.noctis-mark--face{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--impar-spectral) 18%, var(--impar-night-raised)), var(--impar-night));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--impar-spectral) 28%, transparent);border-radius:50%;overflow:hidden}.noctis-mark--face .noctis-mark__work{transform-origin:50% 28%;transform:scale(1.8)}.noctis-mark--calm-motion{animation:6.8s ease-in-out infinite noctis-calm-float}@keyframes noctis-calm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.noctis-mark:hover{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--impar-spectral) 18%, transparent));transform:translateY(-2px)scale(1.035)}@supports selector(:has(*)){:where(div,span):has(>img[src*=noctis-idle\.webp]):after{transform-origin:50% 88%;animation:5.6s ease-in-out infinite noctis-work-hero-float}}@keyframes noctis-work-hero-float{0%,to{transform:translate(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.noctis-mark,.noctis-mark--calm-motion{transition:none!important;animation:none!important;transform:none!important}:where(div,span):has(>img[src*=noctis-idle\.webp]):after{transition:none!important;animation:none!important;transform:none!important}}