body.locos-experience .official-spokes__graphic{aspect-ratio:440/394;background:transparent;isolation:isolate;margin:20px 0 28px}
.spoke-connections{position:absolute;inset:0;width:100%;height:100%;color:#273038;opacity:.6;pointer-events:none}
body.locos-experience .spoke-hotspot{width:43%;border:0;background:transparent;display:grid;place-items:center;overflow:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}
body.locos-experience .spoke-hotspot--3p{left:50%;top:26%;--period:24s}
body.locos-experience .spoke-hotspot--rendite{left:24%;top:73%;--period:16s}
body.locos-experience .spoke-hotspot--schutz{left:76%;top:73%;--period:34s}
.spoke-rotor{width:100%;height:100%;grid-area:1/1;animation:spoke-turn var(--period) linear infinite;filter:drop-shadow(0 8px 5px #00000022);pointer-events:none}
.spoke-label{grid-area:1/1;font:900 clamp(30px,5vw,60px)/1 var(--sans,sans-serif);letter-spacing:-.06em;color:#111;pointer-events:none}
body.locos-experience .spoke-hotspot:hover{transform:translate(-50%,-50%) scale(1.06)}
body.locos-experience .spoke-hotspot.is-enlarged{transform:translate(-50%,-50%) scale(1.22);z-index:2}
body.locos-experience .spoke-hotspot:focus-visible{outline:3px solid #19323e;outline-offset:5px}
@keyframes spoke-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.spoke-rotor{animation:none}body.locos-experience .spoke-hotspot{transition:none}}