/* One full U template, three rigid groups, one About camera and true depth sorting. */
.sculpture-host{display:block;transform-style:preserve-3d;--logo-x:0deg;--logo-y:0deg}
.logo-sculpture,.logo-assembly,.logo-tray{display:block;transform-style:preserve-3d;overflow:visible;opacity:1;filter:none;isolation:auto}
.logo-sculpture{position:relative;width:100%;height:100%}
.logo-assembly,.logo-tray{position:absolute;inset:0}
.logo-assembly{transform:none;transform-origin:50% 50%}
.logo-tray svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;display:block;transform-box:border-box;transform-origin:50% 50%;transform:translate3d(var(--comp-x,0px),var(--comp-y,0px),var(--plane-z,0px)) scale(var(--plane-scale,1))}
.screen-mark.sculpture-host,.entrance-hit:hover .screen-mark.sculpture-host{filter:none}
.screen-mark .logo-sculpture{perspective:1800px;perspective-origin:50% 50%}
.screen-mark .logo-assembly{transform:rotateX(var(--logo-x)) rotateY(var(--logo-y))}
.about-emblem{position:absolute;filter:none;transform-style:preserve-3d;overflow:visible;opacity:1;isolation:auto;transition:none}
.about-stage.has-arrived .about-emblem{opacity:1}
.about-emblem>.sculpture-host{width:100%;height:100%}
@media(min-width:641px){.about-emblem{top:30%;width:clamp(205px,22vw,330px)}}
@media(max-width:640px){.about-emblem{top:27%}.screen-mark .logo-sculpture{perspective:none}.screen-mark .logo-assembly{transform:none!important}}
.motion-paused .screen-mark .logo-assembly{transform:none!important}
@media(prefers-reduced-motion:reduce){.about-emblem{translate:-50% -50%!important;opacity:1!important}.screen-mark .logo-assembly{transform:none!important}}