:root{color-scheme:dark;--lime:#bcf578;--text:#f5f5f0}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;height:1300vh;background:#060a10;color:var(--text);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}[hidden]{display:none!important}#stage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,177.77778vh);height:min(100vh,56.25vw);overflow:hidden;background:#080e19}#stage>img,#stage>video,#hotspots{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}video{opacity:0;pointer-events:none}video.active{opacity:1}#hotspots{z-index:2;pointer-events:none}.hotspot{position:absolute;border:1px solid transparent;background:none;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;text-decoration:none;border-radius:4px}.hotspot:hover,.hotspot:focus-visible{border-color:#bcf57890;background:#bcf5780a}.hotspot span{background:#07100fe8;border:1px solid #bcf57885;border-radius:25px;padding:10px 18px;font-size:14px;white-space:nowrap;color:#ecffe0;box-shadow:0 8px 24px #0006;transform:translateY(40%)}#screen{left:19%;top:20%;width:58%;height:57%}#wall{left:2%;top:8%;width:72%;height:76%}#phone{left:35%;top:68%;width:31%;height:17%;align-items:center}#phone span{transform:none;background:#bcf578;color:#10210b;font-weight:bold}header{position:fixed;z-index:4;inset:0 0 auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#03070aa3,transparent);pointer-events:none}header>*{pointer-events:auto}#home{background:none;border:0;padding:0;display:flex}#home img{width:77px;height:auto}nav{display:flex;gap:26px}nav button,footer button{border:0;background:none;font-size:14px;padding:10px 0;text-shadow:0 1px 5px #000}nav button:hover,footer button:hover{color:var(--lime)}#intro{position:fixed;top:30%;left:10%;text-shadow:0 3px 25px #040a15;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.8px;color:var(--lime)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(68px,8vw,128px);letter-spacing:-4px;line-height:1;margin:24px 0}h1 em{font-weight:400}#intro p{font-size:15px;line-height:1.7;color:#e1e5ed}#enter{background:none;border:0;border-bottom:1px solid #ffffff60;font-size:14px;padding:14px 0;pointer-events:auto}#enter span{padding-left:35px;color:var(--lime)}footer{position:fixed;bottom:20px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.4px;text-shadow:0 2px 6px #000;z-index:4}footer .hint{color:#c6cbd1;font-size:10px}#progress{position:fixed;bottom:0;left:0;height:2px;background:var(--lime);width:0;z-index:5}#loading{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);z-index:5;background:#060a10dd;padding:10px 18px;border-radius:20px;font-size:13px;color:#d0d6dc;white-space:nowrap;pointer-events:none}#error,.nojs{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;background:#0b121dec;border:1px solid #46505a;text-align:center}#error button{background:var(--lime);color:#112008;border:0;padding:12px 20px;margin:8px}dialog{border:1px solid #bcf57830;padding:36px;background:#0d131b;color:var(--text);width:min(900px,92%);max-height:88vh;box-shadow:0 30px 90px #000a}dialog::backdrop{background:#02050cce;backdrop-filter:blur(9px)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,46px);margin:18px 0}dialog p{color:#bfc6cf;font-size:16px;line-height:1.8;max-width:640px}.close{float:right;background:none;border:0;font-size:28px;padding:0 8px;line-height:1}.dialogLogo{display:block;width:90px;margin-bottom:28px}.links{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 8px}.links a{font-size:16px;text-decoration:none;border:1px solid #ffffff30;padding:14px 18px;border-radius:5px;overflow-wrap:anywhere}.links a:hover{border-color:var(--lime)}.links .call{background:var(--lime);color:#17230f}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.projects button{padding:0;text-align:left;background:#151e28;border:1px solid #ffffff15}.projects img{width:100%;height:235px;object-fit:cover}.projects span{display:block;font-size:16px;padding:15px}.projects small{display:block;color:#aab3bf;font-size:12px;margin-top:8px}#projectImage{width:100%;max-height:65vh;object-fit:contain}#project h2{font-size:30px}@media(max-width:650px){header{padding:24px}#home img{width:60px}nav{gap:18px}nav button{font-size:13px}#intro{top:24%;left:8%}h1{font-size:66px}#intro p{font-size:13px;max-width:245px}.eyebrow{font-size:10px;letter-spacing:1.7px}footer{left:24px;right:24px;font-size:9px;letter-spacing:.7px}footer .hint{display:none}footer button{font-size:12px}.hotspot span{font-size:12px;padding:8px 12px}.projects{grid-template-columns:1fr}.projects img{height:240px}dialog{padding:24px}.links{flex-direction:column}.links a{font-size:14px}#phone{left:28%;width:45%}body{height:1600vh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
body.preparing{overflow:hidden;height:100vh}body.preparing #stage,body.preparing #intro{opacity:.55}body.preparing nav,body.preparing #enter{pointer-events:none;opacity:.5}#loading{bottom:auto;top:50%;width:min(340px,85vw);transform:translate(-50%,-50%);border:1px solid #ffffff26;border-radius:12px;background:#080e19f2;padding:24px;text-align:center;box-shadow:0 15px 65px #0009}#loading small{display:block;white-space:normal;font-size:12px;line-height:1.6;color:#b2bac6;margin-top:14px}.loadTrack{height:3px;background:#ffffff20;margin-top:18px;border-radius:4px;overflow:hidden}.loadTrack i{display:block;height:100%;width:0;background:var(--lime);transition:width .2s linear}#error a{display:inline-block;margin-top:12px}
#stage{width:100vw;height:56.25vw}body.preparing #stage,body.preparing #intro{opacity:1}#loading{top:auto;bottom:65px;transform:translateX(-50%);padding:14px 20px;width:min(320px,85vw)}#loading small{margin-top:8px;font-size:11px}.loadTrack{margin-top:10px}

#wallCovers{position:absolute;inset:0;z-index:3;pointer-events:none}.wallCover{position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;padding:0;border:0;background:#10141a;pointer-events:auto}.wallCover img{width:100%;height:100%;object-fit:cover;display:block}.wallCover:hover{outline:1px solid #bcf578}#wall{height:auto;top:auto;bottom:2%;left:28%;width:44%;z-index:4}#hotspots{z-index:4}.projectMedia{position:static!important;opacity:1!important;width:100%;max-height:75vh;object-fit:contain;pointer-events:auto!important}#project figure{margin:22px 0}#project figcaption{font-size:14px;color:#adb6c3;margin-top:10px}.projects:empty:after{content:'Projects coming soon';color:#aaa}