.canvasContainer{position:fixed;top:0;left:0;width:100vw;height:100dvh;overflow:hidden;background-color:#0a0a0a;cursor:default;display:flex;align-items:center;justify-content:flex-start;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto}.canvas{transform-origin:0 0}.canvas,.canvasLayer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.canvasLayer{contain:layout style}@supports not (height:100dvh){.canvasContainer{height:100vh}}.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);will-change:transform;contain:layout style paint}.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;height:100dvh;background-color:rgba(0,0,0,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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;transition:transform .22s ease,opacity .22s ease}.modalVideo{width:100%;max-width:1200px;height:auto;max-height:80vh;background-color:#000;border-radius:4px}.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:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);border-radius:50%;color:#fff;font-size:0;line-height:1;z-index:1001;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.lightboxClose:hover,.modalClose:hover{background:hsla(0,0%,100%,.26);transform:scale(1.06)}.lightboxClose:active,.modalClose:active{transform:scale(.94)}.lightboxHint{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.55);font-size:13px;font-weight:300;letter-spacing:.3px;z-index:1001;pointer-events:none;white-space:nowrap;animation:hintFade 4s ease forwards}@keyframes hintFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.lightboxContent{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .22s ease,opacity .22s ease}.lightboxImage{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:2px}.lightboxMetadata{color:hsla(0,0%,100%,.8);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:48px;height:48px;color:#fff;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:1001;cursor:pointer;padding:0;font-size:0}.lightboxPrev{left:16px}.lightboxNext{right:16px}.lightboxNext:hover,.lightboxPrev:hover{background:hsla(0,0%,100%,.24);transform:translateY(-50%) scale(1.06)}.lightboxNext:active,.lightboxPrev:active{transform:translateY(-50%) scale(.94)}.lightboxCounter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.7);font-size:14px;font-weight:300;z-index:1001;background:rgba(0,0,0,.4);padding:4px 14px;border-radius:20px}@media (max-width:768px){.tile{transition:none}.photoTile:hover,.videoTile:hover{transform:none;filter:saturate(.96) contrast(1.02)}.videoCue{left:16px!important;bottom:16px!important;width:34px;height:34px}.videoCueIcon{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #fff;margin-left:2px}.tileTitle{font-size:18px}.modalTitle{font-size:22px}.modalDescription{font-size:15px}.modalContent{max-width:96vw;max-height:85vh}.modalVideo{max-width:96vw;border-radius:2px}.lightboxContent{max-width:96vw;max-height:90vh}.lightboxImage{max-height:75vh}.lightboxClose,.modalClose{top:12px;right:12px;width:40px;height:40px}.lightboxNext,.lightboxPrev{width:40px;height:40px}.lightboxPrev{left:8px}.lightboxNext{right:8px}.lightboxHint{bottom:50px;font-size:12px}}@media (max-width:480px){.lightboxNext,.lightboxPrev{width:36px;height:36px}.lightboxPrev{left:6px}.lightboxNext{right:6px}}