@font-face{font-family:UNCAGE;src:url('/assets/fonts/uncage.woff') format('woff');font-display:swap}@font-face{font-family:Evolventa;src:url('/assets/fonts/evolventa-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Evolventa;src:url('/assets/fonts/evolventa-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--red:#a51213;--ink:#edf1f4}*{box-sizing:border-box}body{margin:0;font-family:Evolventa,sans-serif;color:var(--ink);background:#020304;min-height:100svh;display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #dfe8ee;outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:UNCAGE,sans-serif;font-weight:400}.stage{width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#101214}
/* Exact current theatre navigation geometry. */
.topbar{position:absolute;z-index:5;top:2.2%;left:5%;width:90%;height:clamp(50px,4cqw,68px);display:flex;align-items:center;justify-content:space-between;padding:8px clamp(20px,2cqw,36px);gap:clamp(16px,1.5cqw,28px);border-radius:20px;border:1px solid #ffffff20;background:linear-gradient(130deg,#33383e94,#20242996);box-shadow:inset 0 1px #ffffff16,0 9px 30px #0003;backdrop-filter:blur(8px);color:#dce3ea}.brand{width:clamp(120px,10cqw,170px);flex-shrink:0}.brand img{display:block;width:100%;height:auto}.desktop-nav{display:flex;gap:clamp(18px,1.8cqw,32px);margin-left:auto;font-size:14px;white-space:nowrap}.desktop-nav a{padding:8px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#fff}.desktop-nav a[aria-current]{position:relative}.desktop-nav a[aria-current]:after{content:'';height:2px;width:18px;background:#cf3238;position:absolute;bottom:0;left:calc(50% - 9px);box-shadow:0 0 10px #ce232c99}.glass{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:10px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);padding:7px 16px;font-size:14px;white-space:nowrap}.glass:hover{background:#ffffff12}.menu-toggle{display:none;background:none;border:0}.mobile-menu[hidden]{display:none}.mobile-menu{position:absolute;z-index:8;top:80px;left:5%;width:90%;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #ffffff20;background:#171a1e;border-radius:15px;font-size:13px}
.architecture,.room{position:absolute;inset:0}.room{pointer-events:none}.room>svg{width:100%;height:100%;display:block}.entrance{position:absolute;inset:19.3% 18% 13.6%;display:flex;flex-direction:column;min-height:0}.entry-heading{text-align:center;flex:none;padding-top:.7cqw}.eyebrow{font-size:clamp(8px,.62cqw,11px);color:#7c8894;letter-spacing:.15em}.entry-heading h1{font-size:clamp(32px,3.2cqw,54px);line-height:1.08;letter-spacing:.02em;margin:12px 0 9px}.instruction{font-size:clamp(11px,.84cqw,14px);color:#89939c}.portals{width:min(100%,790px);margin:auto;display:flex;flex-direction:column;gap:clamp(18px,1.9cqw,31px);padding:clamp(20px,2.2cqw,36px) 0;--control-width:clamp(210px,17cqw,280px);--beam-gap:clamp(35px,4cqw,68px)}.portal{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--control-width) minmax(0,1fr);column-gap:var(--beam-gap);align-items:center;min-height:clamp(68px,5.8cqw,92px)}
/* Original studio-info horizontal switch, emitter, beam and easing. */
.info-control{position:relative;z-index:2;min-width:0}.info-control-number{position:absolute;left:18px;top:-14px;color:#56616a;font-size:9px;letter-spacing:.13em;transition:color 1s}.info-switch{width:100%;min-height:clamp(64px,5.2cqw,84px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 19px;text-align:left;border:1px solid #e2edfa20;border-radius:999px;background:linear-gradient(145deg,#f0f7ff0a,#f0f7ff02);box-shadow:inset 0 1px 1px #ffffff09,0 8px 24px #0006;color:#bbc4ca;transition:border-color .8s,background .8s,box-shadow .8s}.info-switch:hover{border-color:#edf5ff50;background:linear-gradient(145deg,#f0f7ff12,#f0f7ff04)}.info-switch-label{min-width:0;display:flex;flex-direction:column;gap:5px}.info-switch-label>span{font-size:clamp(13px,1.05cqw,17px);line-height:1.4;white-space:nowrap}.info-switch-label small{font-size:clamp(8px,.65cqw,11px);line-height:1.4;color:#77858e;transition:color 1s}.info-switch-track{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:#23282d;border:1px solid #ffffff0f;box-shadow:inset 0 2px 6px #0009;transition:background .65s,box-shadow .65s}.info-switch-track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#bac1c7,#68737d);box-shadow:0 2px 5px #0008;transition:transform .65s cubic-bezier(.2,.65,.3,1),background .65s}.info-emitter{position:absolute;left:calc(100% + 18px);top:50%;width:2px;height:40px;transform:translateY(-50%);border-radius:99px;background:#f6fbff;opacity:.12;box-shadow:0 0 9px #edf5ff00,0 0 24px #edf5ff00;transition:opacity 1.15s,box-shadow 1.15s}.info-beam{position:absolute;z-index:-1;pointer-events:none;left:calc(var(--control-width) + 20px);top:50%;width:calc(100% - var(--control-width) + 38px);height:clamp(140px,14cqw,220px);transform:translateY(-50%);overflow:visible;opacity:0;transition:opacity 1.15s cubic-bezier(.2,.1,.25,1)}.portal.is-on .info-beam{opacity:1}.portal.is-on .info-emitter{opacity:1;box-shadow:0 0 9px #edf5ffbd,0 0 24px #edf5ff6b}.portal.is-on .info-control-number{color:#bfccd5}.portal.is-on .info-switch{border-color:#edf5ff3d;background:linear-gradient(145deg,#f0f7ff12,#f0f7ff05);box-shadow:inset 0 1px 1px #ffffff20,0 8px 24px #0006}.portal.is-on .info-switch-label>span{color:#eef2f5}.portal.is-on .info-switch-label small{color:#96a2ab}.portal.is-on .info-switch-track{background:linear-gradient(145deg,#c12a2c,#a51213 65%,#730d0f);box-shadow:inset 0 1px 2px #ffffff21,0 0 12px #a512132b}.portal.is-on .info-switch-track>span{transform:translateX(18px);background:linear-gradient(145deg,#fff,#d8e0e5)}
.section-card{display:flex;align-items:center;justify-content:space-between;gap:24px;opacity:0;filter:blur(4px);transition:opacity .8s,filter 1s;pointer-events:none;min-width:0}.portal.is-on .section-card{opacity:1;filter:none;pointer-events:auto;transition-delay:.16s}.section-copy h2{font-size:clamp(17px,1.43cqw,23px);line-height:1.2;color:#e9edf1;white-space:nowrap}.section-copy p{font-size:clamp(10px,.78cqw,13px);color:#a5b0ba;line-height:1.65;margin-top:10px;max-width:290px}.finger-link{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:52px;color:#c6d2dc;border-radius:30px;pointer-events:none}.portal.is-on .finger-link{pointer-events:auto}.finger-link svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round}.finger-link>span{font-size:9px;color:#9ba8b3}.finger-link:after{content:'';position:absolute;left:8px;right:8px;top:5px;height:1px;background:#ef898b;box-shadow:0 0 6px #e74950;opacity:0}.portal.is-on .finger-link:after{animation:scan 4.6s ease-in-out infinite}.finger-link:hover{color:#fff}.finger-link:hover svg{filter:drop-shadow(0 0 7px #b63c49)}@keyframes scan{0%,100%{top:4px;opacity:0}15%{opacity:.75}70%{top:36px;opacity:.5}85%{opacity:0;top:36px}}
.entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a5b6c515;padding-top:17px;flex:none}.entry-bottom p{display:flex;align-items:center;gap:8px;font-size:clamp(9px,.7cqw,12px);line-height:1.5;color:#7f8b96}.status-dot{width:4px;height:4px;border-radius:50%;background:#a63236;box-shadow:0 0 6px #a51213}.project-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d7535860;border-radius:10px;padding:12px 20px;background:linear-gradient(145deg,#ad2023,#7d0e12);font-size:clamp(11px,.8cqw,14px);color:#fff;white-space:nowrap;box-shadow:inset 0 1px #ffdcdb19,0 8px 16px #0004;transition:background .6s,box-shadow .6s}.project-link:hover{background:linear-gradient(145deg,#bd2a2e,#941319);box-shadow:0 0 25px #a5121330}.project-link svg{flex:none;color:#f3d8da}
/* Glass plaques physically stand off the wall; a subtle moving highlight follows the perimeter. */
.emblem{position:absolute;top:38%;width:5.7%;aspect-ratio:100/160;perspective:500px}.emblem-left{left:2.15%}.emblem-right{right:2.15%}.emblem:before{content:'';position:absolute;inset:-50% -75%;background:radial-gradient(ellipse,#e217251e,transparent 65%);pointer-events:none}.wall-shadow{position:absolute;inset:12px -8px -12px 12px;border-radius:8px;background:#0007;filter:blur(8px)}.glass-plaque{position:absolute;inset:0;border:1px solid #e13846;border-radius:5px;background:linear-gradient(125deg,#adb5c812,transparent 45%,#c6ced909);box-shadow:0 0 2px #ff6c71,0 0 10px #e7163f69,0 0 23px #d5122c24,inset 0 0 2px #ff949855;transform:rotateY(5deg)}.emblem-right .glass-plaque{transform:rotateY(-5deg)}.glass-plaque:before{content:'';position:absolute;inset:3px;border-radius:3px;border:1px solid #ffffff0d}.crest{position:absolute;inset:14% 13%;width:74%;height:72%;fill:none;stroke:#b7bec8;stroke-width:1;opacity:.83;filter:drop-shadow(0 3px 3px #000a)}.crest text{fill:#d4dbe1;stroke:none;font-size:56px;font-family:UNCAGE,sans-serif;text-anchor:middle}.standoff{position:absolute;width:5px;height:5px;background:radial-gradient(circle at 30% 25%,#b7bec6,#636b76 35%,#20232a 70%);border-radius:50%;box-shadow:2px 3px 1px #0009}.standoff:nth-of-type(1){top:7px;left:7px}.standoff:nth-of-type(2){top:7px;right:7px}.standoff:nth-of-type(3){bottom:7px;left:7px}.standoff:nth-of-type(4){bottom:7px;right:7px}.plaque-comet{position:absolute;left:-22%;top:-13.75%;width:144%;height:127.5%;pointer-events:none}.comet-guide{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}

.footer{position:absolute;left:5%;right:5%;bottom:1.2%;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:#76818b;z-index:3}.footer button{font-size:10px;background:transparent;border:0;color:#8d99a4;padding:5px}.footer button:hover{color:#fff}.preview-label{opacity:.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.is-paused *,.is-paused *:before,.is-paused *:after{animation-play-state:paused!important}
@media(max-width:1100px){.topbar{height:48px;top:1.7%}.desktop-nav{font-size:12px;gap:16px}.topbar>.glass{font-size:12px;padding:7px 12px}.brand{width:118px}.entrance{inset:18.5% 17% 13.4%}.entry-heading{padding-top:0}.entry-heading h1{font-size:32px;margin:9px 0 7px}.eyebrow{font-size:8px}.instruction{font-size:10px}.portals{--control-width:200px;--beam-gap:35px;padding:20px 0;gap:15px}.portal{min-height:60px}.info-switch{min-height:58px;padding:12px 16px}.info-switch-label>span{font-size:12px}.info-switch-label small{font-size:8px}.info-switch-track{width:39px;height:24px}.info-switch-track>span{width:16px;height:16px}.portal.is-on .info-switch-track>span{transform:translateX(15px)}.info-control-number{top:-11px;font-size:8px}.info-emitter{left:calc(100% + 14px);height:32px}.info-beam{left:calc(var(--control-width) + 15px);height:150px}.section-copy h2{font-size:16px}.section-copy p{font-size:10px;margin-top:6px}.section-card{gap:10px}.finger-link{width:40px}.finger-link svg{width:32px;height:32px}.finger-link>span{font-size:8px}.entry-bottom{padding-top:12px}.project-link{padding:9px 13px;gap:14px;font-size:10px}.footer,.footer button{font-size:8px}}
@media(max-width:760px){body{display:block}.stage{width:100%;height:max(680px,100svh);aspect-ratio:auto}.topbar{top:2%;height:54px;left:5%;width:90%;padding:10px 16px;gap:12px;border-radius:15px}.brand{width:120px}.desktop-nav,.topbar>.glass{display:none}.menu-toggle{display:block;font-size:12px;margin-left:auto}.room{inset:10% 0 5%}.room svg{overflow:visible}.emblem{width:5.7%;top:43%}.emblem-left{left:1.5%}.emblem-right{right:1.5%}.standoff{width:2px;height:2px}.standoff:nth-of-type(1),.standoff:nth-of-type(2){top:3px}.standoff:nth-of-type(3),.standoff:nth-of-type(4){bottom:3px}.standoff:nth-of-type(1),.standoff:nth-of-type(3){left:3px}.standoff:nth-of-type(2),.standoff:nth-of-type(4){right:3px}.entrance{inset:20% 16.5% 14.2%}.entry-heading h1{font-size:29px;margin:10px 0}.eyebrow{font-size:6px;letter-spacing:.07em}.instruction{font-size:10px;line-height:1.5;max-width:220px;margin:auto}.portals{--control-width:148px;--beam-gap:22px;gap:28px;padding:22px 0;flex:1;justify-content:center}.portal{min-height:66px;grid-template-columns:var(--control-width) 1fr}.info-switch{padding:11px 12px;min-height:58px;gap:9px}.info-switch-label>span{font-size:11px}.info-switch-label small{font-size:7px;line-height:1.4}.info-switch-track{width:29px;height:19px}.info-switch-track>span{width:11px;height:11px;top:3px;left:3px}.portal.is-on .info-switch-track>span{transform:translateX(10px)}.info-emitter{left:calc(100% + 10px);height:30px}.info-beam{left:calc(var(--control-width) + 11px);width:calc(100% - var(--control-width) + 16px);height:105px}.section-copy{display:none}.section-card{justify-content:flex-end}.finger-link{width:32px}.finger-link svg{width:30px;height:30px}.finger-link>span{font-size:7px}.entry-bottom{display:flex;flex-direction:column;gap:14px;padding-top:14px}.entry-bottom p{font-size:8px;text-align:center}.project-link{font-size:10px;padding:11px 16px;gap:24px}.footer{left:7%;right:7%;bottom:2.5%;font-size:7px;gap:10px;flex-wrap:wrap}.footer button{font-size:8px}.preview-label{font-size:7px}.glass-plaque{box-shadow:0 0 2px #ff6c71,0 0 8px #e7163f50}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.finger-link:after{display:none}.section-card{filter:none}}

/* These two owner links are supplied by workshop-owner-link.js on the live private base. */
.desktop-nav{flex-wrap:wrap;row-gap:0;justify-content:flex-end}.desktop-nav [data-workshop-entry],.desktop-nav [data-client-preview],.mobile-menu [data-workshop-entry],.mobile-menu [data-client-preview]{color:#d96b70!important}
@media(max-width:760px){.stage{height:max(660px,100svh)}.room{inset:4% 0 5%}.entrance{top:22%}.info-switch-label small{white-space:nowrap}}
@media(max-width:760px) and (max-height:740px){.entry-heading h1{font-size:26px;margin:7px 0}.entry-heading .eyebrow{font-size:5.5px}.portals{gap:20px;padding:18px 0}.portal{min-height:58px}.entry-bottom{gap:11px;padding-top:10px}.instruction{font-size:9px}.project-link{padding:9px 15px}}

/* Restored original studio feedback without changing the approved room composition. */
.footer-controls{display:flex;align-items:center;gap:18px}.portal.is-opening .finger-link{color:#ffe9e5;filter:drop-shadow(0 0 7px #e9464f)}.portal.is-opening .finger-link svg path{animation:studio-unlock .7s ease forwards}.portal.is-opening .finger-link:after{height:36px;inset:1px;background:linear-gradient(115deg,transparent 25%,#ffe9e566 45%,transparent 64%);box-shadow:none;animation:studio-scan .75s ease both}.portal.is-opening .finger-link>span{opacity:0}.studio-dust{position:fixed;inset:0;z-index:190;width:100%;height:100%;pointer-events:none}@keyframes studio-unlock{0%{opacity:.5}45%{opacity:1}100%{opacity:1}}@keyframes studio-scan{from{opacity:0;transform:translateX(-50%) rotate(-12deg)}45%{opacity:1}to{opacity:0;transform:translateX(50%) rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.studio-dust{display:none}}@media(max-width:760px){.footer-controls{gap:9px}}