*{margin:0;padding:0;box-sizing:border-box}:root{--canvas: #0f0f0f;--ink: #f5f2ec;--muted: #8c8c88;--lilac: #c9b8f5;--pop: #ffd24a;--sans: "Inter", system-ui, sans-serif;--display: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace}.container{width:100vw;height:100vh;overflow:hidden;position:relative;background:var(--canvas);cursor:crosshair;font-family:var(--sans)}.gallery{width:200vw;height:200vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 2s cubic-bezier(.075,.82,.165,1);display:flex;flex-direction:column;justify-content:space-between;padding:10em}.row{width:100%;display:flex;justify-content:space-between}.row:nth-child(2){justify-content:space-around}.item{position:relative;width:400px;height:275px;overflow:hidden;background:#18181c}.work-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.35);transition:transform 2.4s cubic-bezier(.16,1,.3,1),opacity .3s}.item:hover .work-video-wrapper{transform:scale(1.22)}.work-video-wrapper>div{opacity:0;transition:.3s}.item:hover .work-video-wrapper>div{opacity:1}img{width:100%;height:100%;object-fit:cover}.item img{filter:grayscale(.35) contrast(1.06) brightness(.96) saturate(.9)}.item:after{content:"";position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(to top,#0f0f0fd9,#0f0f0f00);opacity:0;transition:opacity .3s;z-index:2;pointer-events:none}.item:hover:after{opacity:1}.video-name{position:absolute;left:0;bottom:0;width:100%;padding:18px 20px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:3}.item:hover .video-name{opacity:1;transform:translateY(0)}.work-type{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lilac)}.work-title{font-family:var(--display);font-weight:600;font-size:23px;line-height:1.12;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.preview-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.preview-img img{opacity:1;transition:.3s}.item:hover .preview-img img{opacity:0}.chrome{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 36px;z-index:10;pointer-events:none;color:var(--ink)}.chrome a{pointer-events:auto}.chrome-top{top:0;background:linear-gradient(to bottom,#0f0f0fbf,#0f0f0f00)}.chrome-bottom{bottom:0;background:linear-gradient(to top,#0f0f0fbf,#0f0f0f00)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.wordmark img{width:34px;height:34px;object-fit:contain}.wordmark-text{display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.wordmark-text em{font-style:normal;font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--lilac)}.chrome-nav{display:flex;gap:28px}.chrome-nav a{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}.chrome-nav a:hover{color:var(--ink)}.chrome-nav a:focus-visible,.wordmark:focus-visible{outline:1px solid var(--lilac);outline-offset:4px}.hint,.index{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hint{display:flex;align-items:center;gap:9px}.hint-label-touch{display:none}.hint-dot{width:6px;height:6px;border-radius:50%;background:var(--pop);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.finder{position:absolute;inset:0;z-index:9;pointer-events:none}.corner{position:absolute;width:20px;height:20px;border:0 solid rgba(245,242,236,.3)}.corner.tl{top:88px;left:20px;border-top-width:1px;border-left-width:1px}.corner.tr{top:88px;right:20px;border-top-width:1px;border-right-width:1px}.corner.bl{bottom:72px;left:20px;border-bottom-width:1px;border-left-width:1px}.corner.br{bottom:72px;right:20px;border-bottom-width:1px;border-right-width:1px}@media(max-width:768px){.gallery{width:240vw;padding:2em}.item{width:50vw;height:34vw}.item:after{height:80%}.video-name{padding:10px 12px;gap:3px}.work-type{font-size:10px;letter-spacing:.08em}.work-title{font-size:15px}.chrome{padding:18px 20px}.wordmark img{width:28px;height:28px}.wordmark-text{font-size:11px}.chrome-nav{gap:16px}.chrome-nav a:nth-child(2),.chrome-nav a:nth-child(3){display:none}.hint,.index{font-size:10px;white-space:nowrap}.index{color:var(--ink)}.index-prefix{display:none}.chrome-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding-bottom:16px}.corner.tl,.corner.tr{top:66px}.corner.bl,.corner.br{bottom:52px}.corner.tl,.corner.bl{left:12px}.corner.tr,.corner.br{right:12px}}@media(pointer:coarse),(max-width:767px){.hint .hint-label{display:none}.hint .hint-label-touch{display:inline}}@media(hover:none)and (pointer:coarse){.gallery{animation:drift 52s ease-in-out infinite alternate}.gallery.is-panned{animation:none}.item:after,.video-name{opacity:1;transform:none}}@keyframes drift{0%{transform:translate(calc(-50% - 16vw),calc(-50% - 14vh))}35%{transform:translate(calc(-50% + 14vw),calc(-50% - 4vh))}70%{transform:translate(calc(-50% - 8vw),calc(-50% + 12vh))}to{transform:translate(calc(-50% + 16vw),calc(-50% + 14vh))}}@media(prefers-reduced-motion:reduce){.gallery,.hint-dot{animation:none}}