/* The same transparent silhouette and extrusion in both markets. */
.header-logo,.co-brand img{object-fit:contain;border-radius:0;background:transparent}
.logo-stage{position:relative;display:block;width:min(370px,78vw);aspect-ratio:1;perspective:1000px;isolation:isolate}
.logo-stage::after{content:'';position:absolute;z-index:-1;width:64%;height:8%;left:18%;bottom:-1%;background:radial-gradient(ellipse,#16b3e735,transparent 70%);pointer-events:none}
.logo-turn{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:brand-turn 16s linear infinite;filter:drop-shadow(2px 3px 0 #06465e) drop-shadow(2px 3px 0 #07324b) drop-shadow(0 12px 18px #0005)}
.logo-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent}
.logo-front{transform:translateZ(5px)}.logo-back{transform:rotateY(180deg) translateZ(5px)}
.logo-turn.logo-webgl-ready{animation:none;transform:none;filter:drop-shadow(0 10px 15px #0004)}.logo-webgl-ready>.logo-face{display:none}.logo-volume{position:relative;display:block;width:100%;height:100%;background:transparent}
.co-footer .footer-brand{display:flex;align-items:center;flex-direction:column;gap:16px;color:#fff}.co-footer .footer-brand .brand-name{font:800 clamp(32px,6vw,48px)/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1em}.co-footer{text-align:center}.co-footer .logo-stage{margin:auto}
@keyframes brand-turn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.logo-turn{animation:none}}