.motion-page{background:#080909;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}.motion-header{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid #bf805236;gap:20px}.motion-header>.brand>span{font-size:33px}.motion-header>a:last-child,.motion-header>span{font-size:9px;font-weight:600;letter-spacing:2px}.motion-header>span{color:#bfa38b}.motion-main{display:flex;align-items:center;justify-content:center;flex:1;padding:20px;min-height:0}.motion-frame{position:relative;width:auto;height:calc(100svh - 195px);max-width:100%;aspect-ratio:9/16;box-shadow:0 15px 90px #0009;border:1px solid #c4894c35}.motion-frame canvas{width:100%;height:100%;display:block}.motion-frame #loading{position:absolute;inset:0;display:grid;place-items:center;background:#080909;font:600 38px Teko;letter-spacing:3px;color:#c58d60}.motion-frame #loading[hidden]{display:none}.motion-controls{padding:0 30px 18px}.transport{display:flex;align-items:center;justify-content:center;gap:9px;max-width:760px;margin:auto}.transport button{font-size:9px;padding:10px 14px;min-height:37px;letter-spacing:.8px;white-space:nowrap}.transport input{max-width:180px;margin:0 10px;accent-color:#cd834b;min-height:20px;padding:0;border:0;cursor:pointer}.motion-controls p{font-size:10px;color:#b79372;text-align:center;margin-top:8px;min-height:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.motion-header{height:61px;flex-basis:61px;padding:0 17px}.motion-header>span{font-size:8px;letter-spacing:1px}.motion-header>a:last-child{font-size:8px}.motion-header .brand>span{font-size:29px}.motion-header .brand img{width:28px;height:33px}.motion-main{padding:12px 10px}.motion-frame{height:auto;width:min(100%,calc((100svh - 190px)*9/16));}.motion-controls{padding:0 12px 9px}.transport{flex-wrap:wrap;gap:7px;max-width:390px}.transport input{order:5;flex-basis:100%;max-width:100%;height:12px;min-height:12px;margin:7px 0 0}.transport button{font-size:8px;padding:10px 11px;min-height:34px;letter-spacing:.2px}.motion-controls p{font-size:9px;margin-top:6px}.motion-frame #loading{font-size:30px}}
.motion-frame video{width:100%;height:100%;display:block;object-fit:contain}.transport a{font-size:9px;padding:10px 14px;min-height:37px;letter-spacing:.8px;white-space:nowrap}.motion-links{display:flex;gap:20px;justify-content:space-between;max-width:620px;margin:13px auto 0;color:#947961;font-size:8px;letter-spacing:1px}#frames[hidden]{display:none}@media(max-width:650px){.transport a{font-size:8px;min-height:34px;padding:10px 11px;letter-spacing:.2px}.motion-links{font-size:7px;letter-spacing:.5px;margin:12px auto 3px}}