.lux-mark{gap:14px;align-items:center}.lux-logo{--logo:url(./assets/brand/logo-mark-160.webp);position:relative;display:block;height:62px;aspect-ratio:693/302;perspective:600px}.lux-logo img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px #000c) drop-shadow(0 0 10px #4fb4ff40);transform-origin:50% 50%;animation:luxIn 1.6s cubic-bezier(.22,1,.36,1) both;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s}.lux-sheen{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;background:linear-gradient(105deg,transparent 0 38%,#ffffff00 40%,#ffffffee 48%,#bfe9ff 50%,#ffffff00 58%,transparent 60% 100%) 0 0/300% 100% no-repeat;mix-blend-mode:screen;animation:luxSheen 7s cubic-bezier(.45,0,.2,1) 1.1s infinite}.lux-glow{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#3a9dff55 0%,#3a9dff14 45%,transparent 70%);filter:blur(4px);animation:luxPulse 3.6s ease-in-out infinite;pointer-events:none}.lux-mark:hover .lux-logo img,.lux-mark:focus-visible .lux-logo img{transform:rotateY(-12deg) rotateX(6deg) scale(1.04);filter:drop-shadow(0 3px 8px #000c) drop-shadow(0 0 16px #7fd4ff90)}.lux-mark:hover .lux-sheen{animation-duration:1.6s;animation-delay:0s}@property --lux-a{syntax:"<angle>";inherits:false;initial-value:0deg}.lux-ring{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;background:conic-gradient(from var(--lux-a) at 50% 50%,transparent 0 250deg,#1e8cff00 250deg,#1e8cffb0 320deg,#8fdcff 348deg,#ffffff 357deg,transparent 360deg);mix-blend-mode:normal;opacity:0;animation:luxRing 9s cubic-bezier(.5,0,.3,1) .4s infinite}.lux-mark:hover .lux-ring{animation-duration:2.2s;animation-delay:0s}@keyframes luxIn{0%{opacity:0;filter:blur(8px) brightness(2.2);transform:scale(.86) rotateX(30deg)}60%{opacity:1;filter:blur(0) brightness(1.5)}to{opacity:1;transform:none}}@keyframes luxSheen{0%{background-position:120% 0}22%,to{background-position:-60% 0}}@keyframes luxRing{0%{--lux-a:0deg;opacity:0}3%{opacity:1}24%{--lux-a:360deg;opacity:1}28%,to{--lux-a:360deg;opacity:0}}@keyframes luxPulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@media (max-width:760px){.lux-logo{height:46px}}@media (prefers-reduced-motion:reduce){.lux-logo img,.lux-sheen,.lux-glow,.lux-ring{animation:none}.lux-sheen,.lux-ring{display:none}}.lux-mark .lux-logo{height:72px}.lux-mark.jy-nav-mark .lux-logo{height:62px}.lux-mark.st-mark .lux-logo{height:54px}@media (max-width:760px){.lux-mark .lux-logo{height:54px}.lux-mark.st-mark .lux-logo{height:42px}}@media (max-width:560px){.lux-mark.jy-nav-mark .lux-logo{height:48px}}.lux-logo.fl-logo{aspect-ratio:560/180;perspective:none}.fl-vid{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;transition:filter .4s}.lux-mark:hover .fl-vid,.lux-mark:focus-visible .fl-vid{filter:brightness(1.18) drop-shadow(0 0 10px #7fd4ff66)}
