.hero-circle-drift,.hero-circle-face,.hero-circle-rotor{aspect-ratio:1;display:grid;grid-area:1/1;place-items:center;width:100%}.hero-circle-depth{display:none}.hero[data-hero-circle=three-d] .hero-brand{perspective:1000px;perspective-origin:50% 45%}.hero[data-hero-circle=three-d] .hero-circle-drift{animation:hero-circle-drift 16s ease-in-out infinite;animation-play-state:paused;transform-style:preserve-3d}.hero[data-hero-circle=three-d] .hero-circle-rotor{position:relative;transform:rotateX(var(--circle-pitch,-24deg)) rotateY(var(--circle-yaw,-26deg)) rotate(var(--circle-roll,-5deg)) scale(.96);transform-style:preserve-3d}.hero[data-hero-circle=three-d] .hero-circle-face{backface-visibility:visible;position:relative;transform:translateZ(2px)}.hero[data-hero-circle=three-d] .hero-circle-depth{backface-visibility:visible;display:grid;inset:0;place-items:center;position:absolute;transform:translateZ(var(--circle-z))}.hero-circle-depth .hero-brand-white{filter:brightness(var(--circle-shade))}.hero-circle-depth .hero-brand-black{filter:invert(1) brightness(var(--circle-shade))}.hero[data-circle-running=true] .hero-circle-drift{animation-play-state:running}@keyframes hero-circle-drift{0%,to{transform:rotateX(-5deg) rotateY(-12deg) rotate(-2deg)}35%{transform:rotateX(6deg) rotateY(12deg) rotate(3deg)}70%{transform:rotateX(-4deg) rotateY(6deg) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.hero[data-hero-circle=three-d] .hero-circle-drift{animation:none;transform:none}.hero[data-hero-circle=three-d] .hero-circle-rotor{transform:rotateX(-24deg) rotateY(-26deg) rotate(-5deg) scale(.96)}}@media print{.hero[data-hero-circle=three-d] .hero-circle-drift{animation:none;transform:none}.hero[data-hero-circle=three-d] .hero-circle-rotor{transform:none}.hero-circle-depth{display:none!important}}