*{box-sizing:border-box;margin:0}html,body{background:#000;height:100%;overflow:hidden}.video-wrap{position:fixed;inset:0;overflow:hidden}.video-wrap video{object-fit:cover;will-change:transform;width:130%;height:130%;position:absolute;top:-15%;left:-15%}.volume-btn{z-index:10;color:#fff9;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;transition:color .3s,border-color .3s;display:flex;position:fixed;top:1.2rem;right:1.4rem}.volume-btn:hover{color:#ffffffe6;border-color:#ffffff4d}.volume-btn svg{width:1rem;height:1rem}.volume-btn .hidden{display:none}.hinge-link{color:#fff6;letter-spacing:.04em;z-index:10;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-decoration:none;transition:color .3s;position:fixed;bottom:1.4rem;left:1.6rem}.hinge-link:hover{color:#fffc}.site-link{color:#fff6;letter-spacing:.04em;z-index:10;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-decoration:none;transition:color .3s;position:fixed;bottom:1.4rem;right:1.6rem}.site-link:hover{color:#fffc}