body{--paper:#eeeae2;--ink:#24231f;--accent:#a84727}.void-story{background:var(--ink)}.void-story .view{padding:60px 4%}.void-story h2{position:absolute;left:4%;top:8%;z-index:3;font-size:clamp(3rem,6.6vw,6.4rem)}.room-frame{position:absolute;width:76%;height:72%;left:20%;top:17%;transform-origin:center}.room-image{width:100%;height:100%;object-fit:cover}.room-frame figcaption{position:absolute;left:20px;bottom:20px;background:var(--paper);color:var(--ink);padding:10px 18px;font-size:.9rem}.phase-note{position:absolute;bottom:8%;left:4%;z-index:3}.opening-rail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:6%;align-items:end}.opening{background:var(--ink);border:18px solid var(--ink);box-shadow:inset -18px 0 0 var(--accent);height:360px}.o-one{width:70%;height:280px;background:var(--paper)}.o-two{width:82%;background:var(--paper)}.o-three{background:var(--ink);box-shadow:inset 24px 0 0 var(--accent);height:420px}.opening-rail figcaption{font-size:1.5rem;margin:25px 0 13px}.opening-rail p{font-size:.95rem}.quiet-crop{width:100%;aspect-ratio:1.25;object-position:15% 100%}.void-quiet p{margin-top:28px}.frame-workspace{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.25fr);gap:12%;align-items:start}.frame-workspace select{max-width:380px}.frame-workspace .quiet{margin:25px 0}.frame-workspace button{margin-bottom:10px}.frame-workspace canvas{max-height:650px;object-fit:contain;margin:auto;background:var(--ink)}.frame-workspace figcaption{font-size:.9rem;margin-top:20px;text-align:center}.void-close{padding:110px 5% 140px}.void-close h2{font-size:clamp(3rem,7vw,7rem);margin-bottom:40px}.void-space.login main{padding-top:490px}.void-space.login .auth{width:min(100%,1080px);margin:auto}.void-space.login .auth h1{font-size:3rem}.void-space.login .auth fieldset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:26px;align-items:end}.void-space.login .auth .field{margin:0}.void-space.login .auth .submit{margin:0}.void-space.login .login-scene{position:absolute;left:0;right:0;top:0;height:410px;background:var(--ink);overflow:clip}.void-space.login .login-scene>img{width:100%;height:100%;object-fit:cover}.void-space.login .login-scene svg{position:absolute;right:5%;bottom:0;width:320px;height:250px}.void-space.login .auth .status{margin-top:18px}@media(max-width:1199px),(prefers-reduced-motion:reduce){.void-story .view{padding:65px 5%}.void-story h2{position:relative;left:auto;top:auto;margin-bottom:40px}.room-frame{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important}.room-image{height:auto}.phase-note{position:relative;left:auto;bottom:auto;margin-top:35px}}@media(max-width:800px){.opening-rail{gap:24px;grid-template-columns:minmax(0,1fr)}.opening{height:260px!important;max-width:320px;width:100%}.frame-workspace{grid-template-columns:minmax(0,1fr);gap:36px}.void-space.login main{padding-top:35px}.void-space.login .auth fieldset{display:block}.void-space.login .auth .field{margin-top:22px}.void-space.login .auth .submit{margin-top:25px}.void-space.login .login-scene{height:300px!important}.void-space.login .login-scene svg{width:180px;height:160px}.void-space.login .auth h1{font-size:2.6rem}}
[data-room-word]{display:block;transform-origin:left top}