.field{inset:-100px 0 0;mask-image:none}
.field .fallback{display:none}
.particle-zone{position:absolute;inset:0;pointer-events:none}
#particles-root{position:absolute;inset:0;pointer-events:none}
#particles-root canvas{opacity:1}
.particle-static{position:absolute;inset:0;background:radial-gradient(circle at 58% 36%,#ffffff90 0 .7px,transparent 1.3px),radial-gradient(circle at 39% 24%,#ffffff50 0 .6px,transparent 1.2px),radial-gradient(circle at 75% 59%,#ffffff70 0 .6px,transparent 1.2px)}
.particle-zone:has([data-ready=true]) .particle-static{display:none}
@media(max-width:600px){.field{inset:-106px 0 0}}


/* Independent, quiet animation control; preserve the brand copy position. */
.philosophy{padding-bottom:42px}
#motion{position:absolute;right:max(36px,calc((100% - 1320px)/2));bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#b8b8bd;text-decoration:none;cursor:pointer}
#motion:hover{color:#f5f5f3}
#motion:focus-visible{outline:1px solid #b8b8bd;outline-offset:2px}
#motion .motion-icon{width:36px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#motion .motion-icon>span{display:block;flex-shrink:0;width:50%;height:2px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform 300ms ease}
#motion .motion-icon>span:nth-child(1){transform:translate(-.3rem,.1rem) rotate(90deg)}
#motion .motion-icon>span:nth-child(2){transform:translate(.3rem,-.05rem) rotate(90deg)}
#motion .motion-icon>span:nth-child(3){transform:translate(.3rem,-.16rem) rotate(90deg)}
#motion[data-paused=true] .motion-icon>span:nth-child(2){transform:translate(.15rem,.22rem) rotate(-30deg)}
#motion[data-paused=true] .motion-icon>span:nth-child(3){transform:translate(.15rem,-.4rem) rotate(30deg)}
@media(prefers-reduced-motion:reduce){#motion .motion-icon>span{transition:none}}
#motion[aria-disabled=true]{cursor:default}
#motion-tip{position:absolute;right:0;bottom:calc(100% + 5px);width:max-content;max-width:260px;padding:5px 8px;border:1px solid #39393c;border-radius:4px;background:#181819;color:#f5f5f3;font-size:12px;line-height:1.4;visibility:hidden;pointer-events:none}
#motion:hover #motion-tip,#motion:focus-visible #motion-tip{visibility:visible}
@media(min-width:601px) and (max-width:1000px){#motion{right:12px}}
@media(max-width:600px){.philosophy{padding-bottom:0;padding-right:56px}#motion{right:12px;bottom:24px}}