/* Matte canvas; light is reserved for crossing chapters. */
body{background:#11170f}.intro-stage,.flow-section{background:transparent}.flow-section:before,.intro-stage:after,#studio-fx:before,#studio-fx:after{display:none}.portrait-orbit,#hero-fx{display:none!important}.workspace-file i{box-shadow:none}.client-mark:hover{filter:none}.enquiry-panel{background:#162014}.enquiry-panel:focus-within{box-shadow:none}#network-bg{opacity:.6}
#studio-fx{z-index:32;opacity:0;transition:none;background:transparent;mix-blend-mode:screen;--transition-color:202,255,75}
#studio-fx canvas{opacity:0;transition:none}#studio-fx.gpu-ready canvas{opacity:1}
/* A glass tube remains visible when unpowered; only its core and local halo light. */
.chapter-neon{--neon-power:0;--neon-rgb:202,255,75;position:relative;height:0;z-index:30;pointer-events:none}
.chapter-neon[hidden]{display:none}
.neon-fixture{position:absolute;left:5.5%;right:5.5%;top:-7px;height:14px;display:flex;align-items:center}
.neon-glass{position:absolute;left:15px;right:15px;top:4px;height:6px;border:1px solid #78816c66;border-radius:5px;background:linear-gradient(#6d756744,#2d372c99 45%,#1b2419 70%,#59664a66);box-shadow:0 1px 2px #0008,inset 0 1px 1px #d0d6c11a}
.neon-core{position:absolute;inset:-1px;display:block;border-radius:5px;opacity:var(--neon-power);background:linear-gradient(rgb(var(--neon-rgb)),#f0ffe9 37%,#f6fff0 58%,rgb(var(--neon-rgb)));box-shadow:0 0 4px rgba(var(--neon-rgb),.9),0 0 12px rgba(var(--neon-rgb),.65),0 0 25px rgba(var(--neon-rgb),.3),0 2px 38px rgba(var(--neon-rgb),.13)}
.neon-mount{position:absolute;top:1px;width:18px;height:12px;border:1px solid #89917855;border-radius:2px;background:linear-gradient(#46513e,#1c2519 50%,#34402b);box-shadow:0 2px 3px #0008;z-index:2}
.neon-mount-left{left:0}.neon-mount-right{right:0}
.neon-mount:after{content:'';position:absolute;left:7px;top:4px;width:2px;height:2px;border-radius:50%;background:#8e9c7d;box-shadow:0 0 0 1px #121a0f}
.reduced .neon-core{opacity:0}
@media(max-width:600px){.neon-fixture{left:7%;right:7%;top:-6px;height:12px}.neon-glass{left:12px;right:12px;height:5px;top:3px}.neon-mount{width:15px;height:10px}.neon-mount:after{left:5px;top:3px}}
@media(prefers-reduced-motion:reduce){.neon-core{opacity:0}}
@media print{.chapter-neon{display:none}}
.workspace-actions{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:30px;height:100%}.workspace-actions button,.room-header-actions button{color:#a8b99a;background:none;border:0;cursor:pointer;font:9px monospace;display:flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap}.workspace-actions button{height:100%;padding:0 12px;border-inline-start:1px solid #51613d55}.workspace-actions [data-open-room]{color:#dbe8cb}.workspace-actions button:hover,.workspace-actions button:focus-visible{color:#caff4b}.workspace-actions [aria-pressed=true]{color:#caff4b}.workspace-actions button:focus-visible{outline:1px solid #caff4b;outline-offset:-2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.client-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ffd17925;border-left:1px solid #ffd17925}.client-wordmark{position:relative;min-width:0;min-height:140px;width:100%;border:0;border-right:1px solid #ffd17925;border-bottom:1px solid #ffd17925;background:#17201455;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 25px;gap:8px;color:#d1d6bf;text-align:left;cursor:pointer;border-radius:0}.client-wordmark>span{position:absolute;top:12px;right:15px;font:8px monospace;color:#7b8b6b}.client-wordmark strong{font:600 28px/1.2 var(--display);letter-spacing:-.5px}.client-wordmark small{font:8px monospace;letter-spacing:1px;text-transform:uppercase;color:#8d9c79}.client-wordmark:hover,.client-wordmark[aria-pressed=true]{background:#232a1b;color:#ffd179;box-shadow:inset 0 -2px #ffd179}.client-wordmark:focus-visible{outline:2px solid #ffd179;outline-offset:-4px}.client-wordmark-synergy strong{letter-spacing:2px;text-transform:uppercase;font-size:24px}.client-wordmark-alhayah strong{font-style:italic}.client-wordmark-nagham strong{font-weight:400}.client-preview-note{line-height:1.8}.client-results{margin-top:35px;border-block:1px solid #ffd17930;padding:22px 0 28px}.client-results[hidden]{display:none}.collection-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.collection-heading h3{font:500 30px var(--display);margin:0}.collection-heading>span{font:8px monospace;color:#a0ab8a}.collection-close{margin-left:auto;background:none;border:0;color:#b9c4a7;font:9px monospace;cursor:pointer;padding:12px 0}.client-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-project{background:none;color:#e2e8d7;border:0;padding:0;text-align:left;display:grid;grid-template-columns:1fr 20px;align-items:start;gap:15px;cursor:pointer}.client-project img{grid-column:1/-1;display:block;width:100%;aspect-ratio:1.3;object-fit:cover;border:1px solid #8a9c612e;transition:filter .25s,transform .4s}.client-project>span{font:500 17px/1.35 var(--display)}.client-project>b{font:18px var(--display);color:#ffd179}.client-project:hover img{filter:brightness(1.12);transform:translateY(-3px)}.client-project:focus-visible{outline:1px solid #ffd179;outline-offset:6px}
/* Optional, navigable CSS 3D room. Geometry stays unflattened. */
.director-room{--room-rgb:191,154,255;width:min(1400px,96vw);max-width:none;height:min(900px,94svh);max-height:none;padding:0;overflow:hidden;border:1px solid #5a695050;border-radius:4px;background:#11170f;color:#e3ebd8;box-shadow:0 28px 120px #0009}
.director-room::backdrop{background:#070b08e8;backdrop-filter:blur(8px)}.director-room:not([open]){display:none}.room-shell{height:100%;display:grid;grid-template-rows:85px 1fr 85px;overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #74845b30;gap:15px}.room-brand{display:flex;align-items:center;gap:15px}.room-brand>span{font:600 30px var(--display);letter-spacing:-4px;border:1px solid #a2b78755;padding:9px 14px 9px 10px}.room-brand small{font:7px monospace;letter-spacing:1.5px;color:#8b9b7a}.room-brand h2{font:500 24px var(--display);margin:5px 0 0;letter-spacing:-.3px}.room-header-actions{display:flex;align-items:center;gap:23px}.room-header-actions button{padding:10px 0}.room-header-actions button:last-child{color:#dae5ce}.room-header-actions #close-room span{font-size:20px}.room-header-actions button[aria-pressed=true]{color:#caff4b}.room-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0}.room-view{display:grid;grid-template-rows:42px 1fr 36px;border-right:1px solid #74845b30;min-height:0;min-width:0}.room-view-top,.room-view-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 25px;gap:10px;font:7px monospace;letter-spacing:.7px;color:#758566}.room-view-top button{background:none;border:0;color:#bcc9ab;font:8px monospace;padding:10px;cursor:pointer}.room-viewport{position:relative;perspective:1200px;perspective-origin:50% 45%;overflow:hidden;min-height:0;touch-action:pan-y}.room-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.room-world>div,.room-monitor{position:absolute;transform-style:preserve-3d}.room-backwall{width:1080px;height:690px;left:-540px;top:-350px;transform:translateZ(-100px);background:#192116;border:1px solid #5d704242;background-image:linear-gradient(90deg,transparent 49.9%,#71895322 50%,transparent 50.1%)}.room-backwall>span{position:absolute;top:22px;left:30px;font:16px monospace;letter-spacing:5px;color:#71855c}.room-backwall>i{position:absolute;bottom:32px;right:35px;font:10px monospace;color:#80966b;letter-spacing:3px}.room-floor{width:1400px;height:900px;left:-700px;top:340px;transform:rotateX(90deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,#30402550 0 1px,transparent 1px 140px),repeating-linear-gradient(0deg,#30402550 0 1px,#131c10 1px 140px);border:1px solid #60794844}.room-desk{width:900px;height:200px;left:-450px;top:340px;background:#283321;border:2px solid #536a3d;transform:translateZ(200px) rotateX(77deg);transform-origin:50% 0;box-shadow:0 12px 0 #11190d}.room-desk>i{position:absolute;left:34%;top:22%;width:240px;height:75px;border:2px solid #5f7548;background:repeating-linear-gradient(90deg,transparent 0 19px,#647f4d55 19px 20px),repeating-linear-gradient(0deg,#1b2616 0 17px,#647f4d55 17px 18px)}.room-desk>b{position:absolute;left:66%;top:22%;width:34px;height:52px;border:1px solid #7b9562;border-radius:17px;background:#141d10}.room-monitor{width:400px;height:230px;padding:0;border:6px solid #293524;border-radius:5px;background:#0a1008;color:#d8e5c8;cursor:pointer;backface-visibility:hidden;text-align:left;box-shadow:0 10px 0 #0b1008,0 12px 0 #5d6f4244;transition:border-color .35s;overflow:visible}.room-monitor.selected{border-color:rgba(var(--screen-rgb),.65)}.room-monitor:focus-visible{outline:4px solid rgb(var(--screen-rgb));outline-offset:6px}.monitor-title{display:block;position:absolute;top:0;left:0;right:0;height:19px;padding:5px 10px;background:#10180dee;font:7px monospace;z-index:2;color:#b4c59c}.monitor-media{position:absolute;inset:19px 0 27px;display:block;background:#11170f}.monitor-media>img{width:100%;height:100%;display:block;object-fit:cover}.monitor-media>.room-process{position:absolute;inset:0}.monitor-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9px;background:#131c10;height:27px;padding:0 10px}.monitor-label small{font:8px monospace;color:rgb(var(--screen-rgb))}.monitor-label strong{font:10px monospace;font-weight:400}.monitor-label>span{margin-left:auto;color:rgb(var(--screen-rgb))}.room-story{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 30px;min-width:0}.room-story>p:first-child{font:8px monospace;letter-spacing:1px;color:rgb(var(--room-rgb));margin:0 0 20px}.room-story h3{font:500 clamp(34px,3.5vw,53px)/1 var(--display);letter-spacing:-1px;margin:0 0 25px}.room-story>#room-description{font:11px/1.9 var(--body);color:#a9b69b;margin:0 0 24px}.room-asset-note{font:6px/1.7 monospace;letter-spacing:.8px;color:#7c9069;margin-bottom:18px}.room-story .pill{font:10px var(--body);padding:13px 15px;gap:13px;border-color:rgba(var(--room-rgb),.4);color:#e3ebd8;background:none;cursor:pointer}.room-nav{display:flex;align-items:center;width:100%;gap:20px;margin-top:35px;font:9px monospace;color:#829570}.room-nav button{color:#d5e6c0;background:none;border:1px solid #a5bd7d44;width:32px;height:32px;border-radius:50%;cursor:pointer}.room-nav button:last-child{margin-left:auto}.room-stations{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #74845b30}.room-stations button{color:#8f9f7e;border:0;border-right:1px solid #74845b30;background:#151d11;display:flex;align-items:center;gap:15px;padding:0 25px;text-align:left;cursor:pointer}.room-stations button small{font:8px monospace}.room-stations button>span{font:500 17px var(--display)}.room-stations button>b{font-size:15px;font-weight:400;margin-left:auto}.room-stations button[aria-pressed=true]{color:rgb(var(--screen-rgb));background:#20291a;box-shadow:inset 0 2px rgb(var(--screen-rgb))}.room-stations button:focus-visible,.room-header button:focus-visible,.room-nav button:focus-visible{outline:2px solid #caff4b;outline-offset:-4px}.room-web{display:block;padding:14px 20px;background:#152113;height:100%;box-sizing:border-box}.room-web>small{font:5px monospace;letter-spacing:1px;color:#a4bd8d}.room-web>strong{font:500 34px/.95 var(--display);display:block;margin-top:10px}.room-web em{font-style:normal;color:#caff4b}.room-web>i{font:5px monospace;display:block;color:#88a170;margin-top:10px}.room-web>b{display:flex;gap:7px;margin-top:10px}.room-web>b>span{display:block;width:64px;height:10px;border:1px solid #7b956235}.room-web>b>span:first-child{background:#caff4b22}
@media(max-width:1000px){.room-content{grid-template-columns:minmax(0,1fr) 270px}.room-story{padding:25px}.room-stations button{padding:0 15px;gap:10px}.room-stations button>span{font-size:15px}.workspace-meta{display:none}.workspace-actions{margin-right:0}.room-story h3{font-size:38px}}
@media(max-width:600px){.workspace-bar{padding-inline:5.5%}.workspace-file{font-size:6px}.workspace-file i{display:none}.workspace-actions{gap:0}.workspace-actions button{font-size:7px;padding-inline:9px;gap:5px}.workspace-actions [data-sound-toggle]>span:first-child{display:none}.client-strip{grid-template-columns:repeat(2,1fr)}.client-wordmark{padding:23px 14px;min-height:116px}.client-wordmark strong{font-size:23px}.client-wordmark-synergy strong{font-size:18px;letter-spacing:1px}.client-wordmark small{font-size:6px}.client-wordmark>span{font-size:6px;top:10px;right:10px}.client-preview-note{font-size:6px}.collection-heading{flex-wrap:wrap;gap:12px}.collection-heading h3{font-size:25px}.collection-heading>span{font-size:6px}.collection-close{font-size:8px;margin-left:0}.client-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.client-project>span{font-size:15px}.client-projects>.client-project:only-child{grid-column:1/-1;max-width:280px}.director-room{width:100vw;height:100svh;max-width:100vw;max-height:100svh;border:0;border-radius:0}.room-shell{grid-template-rows:70px 1fr 67px}.room-header{padding:12px 18px}.room-brand{gap:10px}.room-brand>span{font-size:21px;padding:7px 11px 7px 7px}.room-brand small{font-size:5px;letter-spacing:1px}.room-brand h2{font-size:19px}.room-header-actions{gap:16px}.room-header-actions button{font-size:7px;gap:3px}.room-header-actions [data-sound-toggle]>span:first-child{display:none}.room-header-actions #close-room span{font-size:15px}.room-content{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.room-view{height:clamp(260px,42svh,390px);flex-shrink:0;border-right:0;border-bottom:1px solid #74845b30;grid-template-rows:35px 1fr 25px}.room-view-top,.room-view-bottom{font-size:5px;padding-inline:18px;letter-spacing:.4px}.room-view-top button{font-size:7px}.room-view-bottom>span:last-child{display:none}.room-story{padding:25px 24px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.room-story>p:first-child{grid-column:1/-1;margin-bottom:13px;font-size:6px}.room-story h3{font-size:35px;margin-bottom:15px;max-width:280px;grid-column:1/-1}.room-story>#room-description{font-size:10px;line-height:1.7;margin-bottom:17px;grid-column:1/-1;max-width:440px}.room-asset-note{grid-column:1/-1;font-size:5px;margin-bottom:12px}.room-story .pill{font-size:8px;padding:10px 11px;white-space:normal;line-height:1.4;grid-column:1/-1;justify-self:start}.room-nav{margin:20px 0 0;grid-column:1/-1;max-width:180px;font-size:8px}.room-stations button{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:10px 12px}.room-stations button>b{display:none}.room-stations button small{font-size:6px}.room-stations button>span{font-size:12px;line-height:1.1}.room-viewport{perspective:900px}}
.reduced #studio-fx{display:none}.reduced .room-monitor,.reduced .client-project img{transition:none}
@media(prefers-reduced-motion:reduce){#studio-fx{display:none}.room-monitor,.client-project img{transition:none}}
@media print{.director-room{display:none}.workspace-actions{display:none}}

.monitor-label>span,.room-stations button>b,.room-story .pill>span,.client-project>b{font-family:Arial,sans-serif}.room-story .pill{border:1px solid rgba(var(--room-rgb),.4)}

.room-brand>span{letter-spacing:0;padding:9px;display:grid;place-items:center;width:42px;height:50px}.room-brand>span img{width:29px;height:29px;display:block}.monitor-label svg{width:11px;height:11px;display:block}.room-stations button>b svg{width:14px;height:14px;display:block}.room-story .pill svg,.client-project>b svg{width:18px;height:18px;display:block}.room-view-top button{display:flex;align-items:center;gap:6px}.room-view-top button svg{width:10px;height:10px}.room-story .pill{border-radius:2px}.client-project img{aspect-ratio:1.4}.director-room .room-header-actions [data-sound-toggle]>span{font-size:9px}
@media(max-width:600px){.room-brand>span{width:28px;height:40px;padding:4px}.room-brand>span img{width:24px;height:24px}.director-room .room-header-actions [data-sound-toggle]>span{font-size:7px}}