.motion-sculpture{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
.avatar-wrap{perspective:1000px}
#avatar-video{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;mask-image:radial-gradient(ellipse 48% 49% at 50% 48%,#000 61%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 48% 49% at 50% 48%,#000 61%,transparent 100%)}
.video-ready #avatar-video{opacity:1;transition:opacity .6s}
.video-ready #avatar{opacity:0;transition:opacity .6s}
.hero h1{background-size:100% 230%;animation:metal-light 7s ease-in-out infinite}
@keyframes metal-light{0%,100%{background-position:50% 0}50%{background-position:50% 100%}}
.hero-scroll-cue span{animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
.motion-enter{opacity:0;transform:translateY(65px) rotateX(5deg);transition:opacity .85s ease var(--delay,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}
.motion-visible{opacity:1;transform:none}
.motion-band{overflow:hidden;padding:30px 0;border-top:1px solid #353538;border-bottom:1px solid #353538;background:#101011;color:#ecebee;font-size:clamp(45px,8vw,130px);line-height:1.1;letter-spacing:-.055em;font-weight:800;white-space:nowrap}
.motion-band>div{width:max-content;will-change:transform}.motion-band em{font-family:Georgia,serif;font-weight:400;color:#ae8ecb;padding:0 .3em}
.motion-band.light-band{background:#f1f0ec;color:#191919;border-color:#ccc}
.workbench-picture{border-radius:10px;overflow:hidden}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1;transform:none}.motion-band>div{transform:none!important}#avatar-video{display:none}.video-ready #avatar{opacity:1}}
.hero::after{content:"";position:absolute;z-index:4;left:50%;top:58%;width:180vmax;height:180vmax;border-radius:50%;background:#f1f0ec;transform:translate(-50%,-50%) scale(var(--portal,0));pointer-events:none}.about{border-radius:0}@media(prefers-reduced-motion:reduce){.hero::after{display:none}}