.spatial-mixboard-viewport{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background-color:#FAFAFC;border-radius:0;border:none;box-shadow:none;z-index:10}.spatial-mixboard-viewport.is-panning{cursor:grabbing}.spatial-mixboard-canvas{position:absolute;top:0;left:0;will-change:transform}.spatial-canvas-grid-bg{position:absolute;inset:0;background-color:#FAFAFC;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1.2px,transparent 0),linear-gradient(rgba(0,0,0,.035) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 0);background-size:48px 48px,240px 240px,240px 240px;pointer-events:none}.spatial-cluster-label{position:absolute;pointer-events:none;z-index:1;max-width:480px;padding:20px}.spatial-cluster-label.cluster-arch{top:140px;left:360px}.spatial-cluster-label.cluster-clients{top:140px;left:1940px}.spatial-cluster-label.cluster-events{top:1260px;left:360px}.spatial-cluster-label.cluster-celebrations{top:1260px;left:1940px}.cluster-label-mono{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;font-weight:800;letter-spacing:2.2px;color:#6B7280;margin-bottom:6px;text-transform:uppercase}.spatial-cluster-label h3{font-size:20px;font-weight:900;letter-spacing:.8px;color:#111317;margin:0 0 6px;text-transform:uppercase}.spatial-cluster-label p{font-size:12.5px;color:#4B5563;margin:0}.spatial-card{position:absolute;background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 16px 38px -6px rgba(0,0,0,.32),0 6px 16px -2px rgba(0,0,0,.18);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;transition:box-shadow .34s cubic-bezier(.16,1,.3,1),border-color .34s cubic-bezier(.16,1,.3,1),filter .2s ease;will-change:transform,left,top}.spatial-card:hover{border-color:rgba(0,0,0,.22);box-shadow:0 28px 60px -8px rgba(0,0,0,.44),0 12px 28px -4px rgba(0,0,0,.24)}.spatial-card.is-dragging{cursor:grabbing!important;box-shadow:0 38px 80px -10px rgba(0,0,0,.6),0 16px 36px -6px rgba(0,0,0,.32)!important;border-color:#111317!important;filter:brightness(1.02)}.card-reticle{position:absolute;font-family:ui-monospace,monospace;font-size:14px;font-weight:800;color:#111317;pointer-events:none;z-index:14;line-height:1;opacity:0;transition:opacity .34s cubic-bezier(.16,1,.3,1)}.spatial-card:hover .card-reticle{opacity:1}.card-reticle.top-left{top:8px;left:8px}.card-reticle.top-right{top:8px;right:8px}.card-reticle.bottom-left{bottom:8px;left:8px}.card-reticle.bottom-right{bottom:8px;right:8px}.card-border-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12;border-radius:16px;overflow:visible}.card-border-trace rect{fill:none;stroke:#111317;stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .34s cubic-bezier(.16,1,.3,1),opacity .28s ease}.spatial-card:hover .card-border-trace rect{stroke-dashoffset:0;opacity:1}.spatial-card-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.1);z-index:8;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .28s ease}.spatial-card:hover .spatial-card-header{transform:translateY(0);opacity:1;pointer-events:auto}.card-badge-chip{font-family:ui-monospace,monospace;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:4px}.badge-architecture{background:#F3F4F6;color:#111317;border:1px solid rgba(0,0,0,.08)}.badge-clients{background:#ECFDF5;color:#065F46;border:1px solid rgba(16,185,129,.25)}.badge-events{background:#FFFBEB;color:#92400E;border:1px solid rgba(245,158,11,.25)}.badge-celebrations{background:#FDF2F8;color:#9D174D;border:1px solid rgba(236,72,153,.25)}.card-date-chip{font-family:ui-monospace,monospace;font-size:10px;color:#6B7280;letter-spacing:.5px;font-weight:600}.spatial-card-media-wrapper{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#0B0D12}.spatial-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}.spatial-card:hover .spatial-card-img{transform:scale(1.04)}.spatial-card-video-box{position:relative;width:100%;height:100%;background:#0B0D12}.spatial-card-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}.spatial-card:hover .spatial-card-video{transform:scale(1.04)}.spatial-video-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);padding:3px 8px;border-radius:12px;border:1px solid rgba(0,0,0,.12);font-size:8.5px;font-weight:800;letter-spacing:1px;color:#111317;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.15)}.live-pulsar{width:6px;height:6px;background-color:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef4444;animation:pulseLive 1.6s ease-in-out infinite}@keyframes pulseLive{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.spatial-card-footer{position:absolute;bottom:0;left:0;right:0;padding:10px 14px 12px;background:#FFFFFF;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:4px;z-index:8;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .28s ease}.spatial-card:hover .spatial-card-footer{transform:translateY(0);opacity:1;pointer-events:auto}.card-title-row{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:800;letter-spacing:.2px;color:#111317;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:10px}.card-location{color:#4B5563;font-weight:500;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-inspect-hint{font-family:ui-monospace,monospace;font-weight:700;color:#111317;letter-spacing:.8px;font-size:9px;flex-shrink:0;cursor:pointer;transition:color .2s ease,transform .2s ease}.card-inspect-hint:hover{text-decoration:underline;color:#000000;transform:translateX(1px)}.mixboard-dock{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 45px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border-radius:40px;padding:7px 14px;z-index:80;max-width:95vw}.dock-category-pills{display:flex;align-items:center;gap:4px}.dock-pill-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;color:#4B5563;border:1px solid transparent;border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.dock-pill-btn:hover{background:rgba(0,0,0,.05);color:#111317}.dock-pill-btn.is-active{background:#111317;color:#FFFFFF;border:1px solid #111317;box-shadow:0 2px 10px rgba(0,0,0,.15)}.dock-pill-icon{font-size:13px}.dock-divider{width:1px;height:22px;background:rgba(0,0,0,.08)}.dock-utility-group{display:flex;align-items:center;gap:5px}.dock-tool-btn{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.07);color:#374151;border-radius:18px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.dock-tool-btn:hover{background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.14);color:#111317}.dock-tool-btn.intro-btn:hover{background:rgba(226,177,89,.15);border-color:rgba(226,177,89,.4);color:#B38628}.dock-zoom-group{display:flex;align-items:center;background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:2px 4px}.dock-tool-btn.zoom-btn{padding:4px 8px;background:transparent;border:none;font-size:13px;color:#374151}.dock-tool-btn.zoom-btn:hover{color:#111317;background:transparent}.dock-zoom-indicator{font-family:ui-monospace,monospace;font-size:10px;font-weight:700;color:#4B5563;padding:0 6px}.dock-tool-btn.fs-btn,.dock-tool-btn.sound-btn{padding:6px 10px}.mixboard-radar{position:absolute;bottom:24px;left:24px;width:170px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.06);z-index:70;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.mixboard-radar:hover{border-color:rgba(0,0,0,.2);box-shadow:0 14px 35px rgba(0,0,0,.1)}.radar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.radar-title{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#111317;text-transform:uppercase}.radar-coords,.radar-title{font-family:ui-monospace,monospace}.radar-coords{font-size:8px;color:#6B7280}.radar-map-area{position:relative;width:100%;height:110px;background:#F3F4F6;border:1px solid rgba(0,0,0,.06);border-radius:6px;overflow:hidden}.radar-dot{position:absolute;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.dot-architecture{background-color:#111317;box-shadow:0 0 3px rgba(17,19,23,.3)}.dot-clients{background-color:#059669;box-shadow:0 0 3px rgba(5,150,105,.3)}.dot-events{background-color:#d97706;box-shadow:0 0 3px rgba(217,119,6,.3)}.dot-celebrations{background-color:#db2777;box-shadow:0 0 3px rgba(219,39,119,.3)}.radar-viewport-box{position:absolute;border:1.5px solid #111317;background:rgba(17,19,23,.08);pointer-events:none;border-radius:2px;box-shadow:0 0 6px rgba(17,19,23,.2)}.mixboard-telemetry-badge{position:absolute;top:92px;left:28px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.04);padding:6px 14px;border-radius:20px;pointer-events:none;z-index:60;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:800;letter-spacing:1.5px;color:#111317;text-transform:uppercase}.mixboard-telemetry-badge .telemetry-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 1.5s infinite}.mixboard-telemetry-badge.right{left:auto;right:28px;color:#4B5563;border-color:rgba(0,0,0,.08)}.mixboard-hint-badge{position:absolute;top:92px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.04);padding:6px 16px;border-radius:20px;pointer-events:none;z-index:60}.mixboard-hint-badge span{font-family:ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:1.4px;color:#374151;text-transform:uppercase}.monograph-card{position:relative;background:rgba(15,18,25,.95);border:1px solid rgba(212,175,55,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px rgba(0,0,0,.4)}.monograph-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.6);box-shadow:0 20px 45px rgba(0,0,0,.6),0 0 25px rgba(212,175,55,.2)}.monograph-media-wrap{position:relative;width:100%;overflow:hidden;background:#000}.aspect-portrait .monograph-media-wrap{height:440px}.aspect-landscape .monograph-media-wrap{height:270px}.aspect-square .monograph-media-wrap{height:350px}.monograph-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.monograph-card:hover .monograph-img{transform:scale(1.04)}.monograph-video-container{position:relative;width:100%;height:100%}.monograph-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.monograph-video-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.4);padding:4px 10px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#fff;z-index:5}.monograph-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,9,.6) 0,rgba(6,7,9,.05) 40%,rgba(6,7,9,.95));display:flex;flex-direction:column;justify-content:space-between;padding:16px;opacity:0;transition:opacity .35s ease;z-index:4}.monograph-card:hover .monograph-overlay{opacity:1}.overlay-top-tags{display:flex;justify-content:space-between;align-items:center;gap:8px}.overlay-corridor-tag{font-size:9.5px;font-weight:700;letter-spacing:1.2px;color:#d4af37;background:rgba(6,7,9,.85);border-radius:4px;border:1px solid rgba(212,175,55,.3)}.overlay-corridor-tag,.overlay-lens-tag{font-family:ui-monospace,monospace;text-transform:uppercase;padding:3px 8px}.overlay-lens-tag{font-size:9px;font-weight:600;letter-spacing:.8px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);border-radius:4px}.overlay-bottom-info{display:flex;flex-direction:column;gap:4px}.overlay-focal{font-family:ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:1px;color:rgba(212,175,55,.9)}.overlay-title{font-size:14px;font-weight:800;letter-spacing:.3px;color:#ffffff;text-transform:uppercase;margin:0}.overlay-desc{font-size:11px;line-height:1.4;color:rgba(255,255,255,.7);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overlay-action-row{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#d4af37}.card-bracket{position:absolute;width:10px;height:10px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:6}.bracket-tl{left:8px;border-left:1.5px solid #d4af37}.bracket-tl,.bracket-tr{top:8px;border-top:1.5px solid #d4af37}.bracket-tr{right:8px;border-right:1.5px solid #d4af37}.bracket-bl{left:8px;border-left:1.5px solid #d4af37}.bracket-bl,.bracket-br{bottom:8px;border-bottom:1.5px solid #d4af37}.bracket-br{right:8px;border-right:1.5px solid #d4af37}.monograph-card:hover .card-bracket{opacity:1}.monograph-card-footer{padding:10px 14px;background:rgba(10,12,17,.98);border-top:1px solid rgba(255,255,255,.06)}.footer-title-line{display:flex;align-items:center;justify-content:space-between}.footer-title{font-size:12px;font-weight:800;letter-spacing:.3px;color:#ffffff;text-transform:uppercase}.footer-id{font-family:ui-monospace,monospace;font-size:9px;color:rgba(212,175,55,.7)}.footer-meta-line{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.footer-corridor{font-size:10.5px;color:rgba(255,255,255,.5)}.footer-type{font-family:ui-monospace,monospace;font-size:9.5px;color:rgba(255,255,255,.4)}@media (max-width:900px){.spatial-mixboard-viewport{height:100vh;width:100vw}.mixboard-telemetry-badge{display:none}.mixboard-dock{flex-wrap:wrap;border-radius:20px;padding:8px;bottom:12px;width:96%;justify-content:center}.dock-category-pills{overflow-x:auto;width:100%;padding-bottom:4px;justify-content:flex-start}.mixboard-hint-badge,.mixboard-radar{display:none}}@keyframes popoutScale{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-popoutScale{animation:popoutScale .34s cubic-bezier(.16,1,.3,1) forwards}@keyframes galleryScrimFade{0%{opacity:0}to{opacity:1}}.animate-galleryFadeIn{animation:galleryScrimFade .28s ease-out forwards}.gallery-intro-stage{perspective:1200px;perspective-origin:50%;transform-style:preserve-3d;will-change:opacity}.gallery-intro-card-stack{transform-style:preserve-3d;position:relative}.gallery-intro-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -12px rgba(0,0,0,.75),0 10px 24px -6px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.12);transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity,filter}.gallery-intro-card.is-active-top{box-shadow:0 30px 80px -15px rgba(0,0,0,.85),0 12px 30px -6px rgba(0,0,0,.5),0 0 0 1.5px rgba(226,177,89,.55),0 0 35px -5px rgba(226,177,89,.25)}.shutter-flash-overlay{animation:shutterFlash 80ms ease-out forwards}@keyframes shutterFlash{0%{opacity:0}30%{opacity:.35}to{opacity:0}}.dispersal-shockwave{animation:dispersalBloom .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes dispersalBloom{0%{transform:scale(.65);opacity:.9}50%{opacity:.5}to{transform:scale(3.2);opacity:0}}@media (prefers-reduced-motion:reduce){.dispersal-shockwave,.gallery-intro-card,.gallery-intro-stage{animation:none!important;transition:opacity .2s ease!important}}