body.project-canvas-page{overflow:hidden;background:#0a0d14}.project-canvas-page .site-header,.project-canvas-page .site-footer{display:none}.project-canvas{position:relative;width:100%;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(circle at 72% 62%,#392c29,#171923 45%,#090c13 100%);color:#eee8df;user-select:none}.project-canvas canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab}.project-canvas canvas:active{cursor:grabbing}.project-canvas__top{position:absolute;z-index:3;inset:0 0 auto;height:120px;padding:42px 5vw;display:flex;align-items:center;background:linear-gradient(#090c12 60%,transparent);pointer-events:none}.project-canvas__top a{color:#c99a55;font-size:11px;letter-spacing:.2em;text-transform:uppercase;pointer-events:auto}.project-canvas__top p{position:absolute;left:50%;transform:translateX(-50%);margin:0;color:#8c8783;font-size:11px;letter-spacing:.25em}.project-canvas__intro{position:absolute;z-index:3;right:5vw;top:24vh;width:29vw;transition:.75s cubic-bezier(.22,1,.36,1)}.project-canvas__intro>p{color:#c99a55;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.project-canvas__intro>div{margin:24px 0;color:#c9c1bc;font-size:15px;line-height:1.75}.project-canvas__intro h1{margin:25px 0;font:400 clamp(44px,4vw,72px)/.95 Bebas,sans-serif;text-transform:uppercase}.project-canvas__intro i{display:block;width:84px;margin:25px 0;border-top:1px solid #b58648}.project-canvas__intro button{padding:0;border:0;background:none;color:#ddd5ce;font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.project-canvas__intro button span{margin-left:14px}.project-canvas__controls{position:absolute;z-index:4;right:4.5vw;bottom:6vh;display:flex;align-items:center;gap:15px}.project-canvas__controls>div{display:flex;align-items:center;gap:13px}.project-canvas__controls>div button{width:6px;height:6px;padding:0;border:0;border-radius:12px;background:#716c68;cursor:pointer;transition:.35s}.project-canvas__controls>div button.is-active{width:28px;background:#d0a15c;box-shadow:0 0 12px #c99a55}.project-canvas__controls>b,.project-canvas__controls>em{font:400 22px Bebas,sans-serif;font-style:normal}.project-canvas__controls>b{margin-left:14px;color:#d0a15c}.project-canvas__controls>em,.project-canvas__controls>span{color:#807a76}.project-canvas__controls>button{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;background:#11131999;color:#eee;cursor:pointer}.project-canvas__hint{position:absolute;z-index:3;bottom:2.4vh;left:50%;transform:translateX(-50%);margin:0;color:#8e8885;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.project-canvas__enter{position:absolute;z-index:4;left:6.5vw;bottom:5.5vh;display:flex;gap:28px;align-items:center;padding:14px 28px;border:1px solid #b38649;border-radius:40px;color:#eee;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:0;transform:translateY(15px);pointer-events:none;transition:.6s}.project-canvas.is-expanded .project-canvas__intro{opacity:0;transform:translateX(45px);pointer-events:none}.project-canvas.is-expanded .project-canvas__enter{opacity:1;transform:none;pointer-events:auto}@media(max-width:800px){.project-canvas__top{height:90px;padding:25px 20px}.project-canvas__top p{font-size:8px}.project-canvas__intro{right:22px;left:22px;top:auto;bottom:13vh;width:auto;text-align:right}.project-canvas__intro>div,.project-canvas__intro h1,.project-canvas__intro i{display:none}.project-canvas__controls{right:18px;left:18px;bottom:4vh;justify-content:center}.project-canvas__controls>button{display:none}.project-canvas__hint{display:none}.project-canvas__enter{left:28px;bottom:10vh}.project-canvas.is-expanded .project-canvas__controls{justify-content:flex-end}}