/* Deux plans indépendants : flottement du support et oscillation du médaillon. */
.brand .jk-brand-emblem{position:relative;display:block;width:48px;height:48px;flex:0 0 48px;isolation:isolate;animation:jkBrandFloat 7s ease-in-out infinite;transition:scale .45s cubic-bezier(.2,.75,.25,1);filter:drop-shadow(0 3px 3px #081b3128)}
.brand .jk-brand-emblem .brand-mark{width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain;transform-origin:center;backface-visibility:hidden;animation:jkBrandDepth 9s ease-in-out infinite;will-change:transform;filter:brightness(1.06);transition:none}
.brand .jk-brand-emblem:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#a4d9ff20 44%,#fff 50%,#b2ddff30 55%,transparent 63%);background-size:320% 100%;-webkit-mask:url('/assets/56-soundsystem-metallic-v1.png') center/contain no-repeat;mask:url('/assets/56-soundsystem-metallic-v1.png') center/contain no-repeat;mix-blend-mode:screen;animation:jkBrandReflection 9s ease-in-out infinite,jkBrandDepth 9s ease-in-out infinite}
footer .brand .jk-brand-emblem{width:64px;height:64px;flex-basis:64px;animation-duration:8s;animation-delay:-2s}
footer .brand .jk-brand-emblem .brand-mark,footer .brand .jk-brand-emblem:after{animation-delay:-3s}
@keyframes jkBrandFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
@keyframes jkBrandDepth{0%,100%{transform:perspective(500px) rotateX(3deg) rotateY(-12deg) rotateZ(-1deg)}50%{transform:perspective(500px) rotateX(-3deg) rotateY(12deg) rotateZ(1deg)}}
@keyframes jkBrandReflection{0%,20%{background-position:100% 50%;opacity:0}35%{opacity:.3}55%,100%{background-position:0% 50%;opacity:0}}
@media(hover:hover) and (pointer:fine){.brand:hover .jk-brand-emblem,.brand:focus-visible .jk-brand-emblem{scale:1.1}}
@media(max-width:460px){nav .brand .jk-brand-emblem{width:36px;height:36px;flex-basis:36px}}
/* En-tête : deux faces et une tranche métallique pour la rotation complète. */
nav .brand .jk-brand-emblem{perspective:600px;animation:none}
nav .brand .jk-brand-emblem:after{display:none}
nav .brand .jk-brand-rotor{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:jkBrandTurntable 12s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
nav .brand .jk-brand-emblem .brand-mark{position:absolute;inset:0;animation:none;transform:translateZ(2px);backface-visibility:hidden;filter:brightness(1.06)}
nav .brand .jk-brand-emblem .jk-brand-reverse{transform:rotateY(180deg) translateZ(2px)}
nav .brand .jk-brand-rotor:before{content:"";position:absolute;top:3%;left:calc(50% - 3px);width:6px;height:94%;border-radius:50%;background:linear-gradient(90deg,#102235,#4f7b9a 15%,#eff9ff 38%,#708596 56%,#14283f 80%,#60beff);transform:rotateY(90deg);pointer-events:none}
nav .brand .jk-brand-rotor:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateZ(2.2px);backface-visibility:hidden;background:linear-gradient(112deg,transparent 34%,#ceeaff30 43%,#fff 50%,#ceeaff30 57%,transparent 66%);background-size:300% 100%;-webkit-mask:url('/assets/56-soundsystem-metallic-v1.png') center/contain no-repeat;mask:url('/assets/56-soundsystem-metallic-v1.png') center/contain no-repeat;mix-blend-mode:screen;animation:jkBrandReflection 12s ease-in-out infinite}
@keyframes jkBrandTurntable{from{transform:rotateX(7deg) rotateY(0deg)}to{transform:rotateX(7deg) rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){
  .brand .jk-brand-emblem,.brand .jk-brand-emblem .brand-mark,.brand .jk-brand-emblem:after{animation:none!important;transform:none!important;transition:none!important;scale:1!important;will-change:auto}
  .brand .jk-brand-emblem:after{opacity:0}
  nav .brand .jk-brand-rotor{animation:none!important;transform:none!important;will-change:auto}
  nav .brand .jk-brand-rotor:before,nav .brand .jk-brand-rotor:after,nav .brand .jk-brand-reverse{display:none}
}