:root{--font-body:'Segoe UI',Arial,sans-serif}
.orbit.brand-object{width:min(100%,420px);height:210px;position:relative;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-18deg) rotateZ(-4deg);animation:zylo-turn 24s linear infinite}
.brand-object .brand-face,.brand-object .brand-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(100px,10vw,150px)/1 var(--font-body);letter-spacing:-.085em;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.brand-object .brand-face{background:linear-gradient(135deg,#dfe7ff 10%,#89a1e9 33%,#4c67b7 50%,#bccbf7 65%,#c0c8e1 86%);color:#8ba2e6;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 16px 18px #00000055)}
.brand-object .brand-front{transform:translateZ(12px)}
.brand-object .brand-back{transform:rotateY(180deg) translateZ(12px)}
.brand-object .brand-layer{color:#3c5398;backface-visibility:visible;-webkit-backface-visibility:visible;transform:translateZ(var(--z));text-shadow:0 1px 0 #91a6e5}
.sculpture .halo{background:radial-gradient(ellipse,#506ab945,transparent 62%)}
@keyframes zylo-turn{from{transform:rotateX(8deg) rotateY(-18deg) rotateZ(-4deg)}to{transform:rotateX(8deg) rotateY(342deg) rotateZ(-4deg)}}
.reduce-motion .orbit.brand-object{animation:none!important;rotate:none!important;transform:rotateX(8deg) rotateY(-18deg) rotateZ(-4deg)}
@media(max-width:1050px){.orbit.brand-object{width:320px;height:190px}.brand-object .brand-face,.brand-object .brand-layer{font-size:112px}}
@media(max-width:760px){.orbit.brand-object{width:min(100%,320px);height:180px}.brand-object .brand-face,.brand-object .brand-layer{font-size:108px}}
@media(prefers-reduced-motion:reduce){.orbit.brand-object{animation:none!important;rotate:none!important;transform:rotateX(8deg) rotateY(-18deg) rotateZ(-4deg)}}