.canvasContainer{position:fixed;top:0;left:0;width:1920px;min-height:1080px;overflow:hidden;background-color:#0a0a0a;cursor:default;display:flex;align-items:flex-start;justify-content:flex-start;touch-action:none;overscroll-behavior:none;transform-origin:top left}.canvas{transform-origin:0 0}.canvas,.canvasLayer{position:absolute;top:0;left:0;width:1920px;min-height:1080px;will-change:transform}.tile{position:absolute;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;overflow:hidden;filter:saturate(.96) contrast(1.02);box-shadow:0 1px 0 hsla(0,0%,100%,.08),0 14px 30px rgba(0,0,0,.28)}.tileContent{width:100%;height:100%;position:relative;overflow:hidden;outline:1px solid hsla(0,0%,100%,.06);outline-offset:-1px}.tileDebugLabel{position:absolute;top:10px;left:10px;z-index:10;padding:4px 8px;font-size:11px;letter-spacing:.6px;color:#fff;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.2);pointer-events:none}.videoTile{background-color:#1a1a1a}.videoTile:hover{transform:scale(1.014);filter:saturate(1.06) contrast(1.04)}.posterImage,.videoPreview{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.posterImage{z-index:1;transition:opacity .3s ease}.videoPreview{z-index:2;opacity:1;transition:filter .25s ease}.videoPreview.playing{filter:saturate(1.03) contrast(1.03)}.videoCue{position:absolute;left:28px!important;right:auto!important;top:auto;bottom:24px!important;width:42px;height:42px;border:2px solid hsla(0,0%,100%,.98);border-radius:50%;background:rgba(0,0,0,.66);z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 3px 12px rgba(0,0,0,.45);transition:transform .2s ease}.videoCueIcon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;margin-left:3px}@keyframes fadeIn{to{opacity:1}}.tileOverlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.photoTile:hover .tileOverlay,.videoTile:hover .tileOverlay{opacity:1}.tileTitle{font-size:24px;font-weight:400;color:#fff;margin:0;line-height:1.2}.tileMetadata{font-size:14px;font-weight:300;color:#fff;line-height:1.6;white-space:pre-line}.photoTile{background-color:#1a1a1a}.photoTile:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.05) contrast(1.04)}.photoImage{width:100%;height:100%;object-fit:cover;display:block}.photoPlaceholder{width:100%;height:100%;background:linear-gradient(135deg,#111,#191919 45%,#101010)}.textTile{display:flex;align-items:center;justify-content:flex-start;color:#fff;line-height:1.4;cursor:default;font-weight:300}.textTile:hover{transform:none}.lightboxOverlay,.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modalContent{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:column;gap:24px}.modalVideo{width:100%;max-width:1200px;height:auto;max-height:80vh;background-color:#000}.modalInfo{color:#fff}.modalTitle{font-size:32px;font-weight:400;margin:0 0 8px}.modalYear{font-size:16px;font-weight:300;color:#999;margin-bottom:12px}.modalDescription{font-size:18px;font-weight:300;line-height:1.6;color:#ccc}.lightboxClose,.modalClose{position:absolute;top:24px;right:24px;width:24px;height:24px;font-size:34px;line-height:1;color:#fff;background:transparent;border:none;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease;z-index:1001;padding:0}.lightboxClose:hover,.modalClose:hover{opacity:.7;transform:scale(.96)}.lightboxContent{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:24px}.lightboxImage{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain}.lightboxMetadata{color:#fff;font-size:14px;font-weight:300;text-align:center;line-height:1.6;white-space:pre-line}.lightboxNext,.lightboxPrev{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;font-size:48px;line-height:1;color:#fff;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:1001}.lightboxPrev{left:24px}.lightboxNext{right:24px}.lightboxNext:hover,.lightboxPrev:hover{background-color:hsla(0,0%,100%,.2)}.lightboxCounter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:300;z-index:1001}@media (max-width:768px){.lightboxClose{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:40px;height:40px;font-size:30px;border-radius:999px;background:rgba(0,0,0,.45)}.tileTitle{font-size:20px}.modalTitle{font-size:24px}.modalDescription{font-size:16px}.lightboxNext,.lightboxPrev{width:48px;height:48px;font-size:36px}.lightboxPrev{left:12px}.lightboxNext{right:12px}}