*{margin:0;padding:0;box-sizing:border-box}:root{--canvas: #0b0a08;--ink: #f1eae0;--muted: #9b9082;--amber: #dfa354;--sans: "Inter", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif}.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:#171512}.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:after{content:"";position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(to top,#080705d1,#08070500);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-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.work-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:25px;line-height:1.12;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,#0b0a08b8,#0b0a0800)}.chrome-bottom{bottom:0;background:linear-gradient(to top,#0b0a08b8,#0b0a0800)}.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-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.wordmark-text em{font-style:normal;font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.chrome-nav{display:flex;gap:28px}.chrome-nav a{font-size:11px;font-weight:500;letter-spacing:.14em;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(--amber);outline-offset:4px}.hint,.index{font-size:11px;font-weight:500;letter-spacing:.1em;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(--amber);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(241,234,224,.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:8px;letter-spacing:.16em}.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:9px;white-space:nowrap}.index-prefix{display:none}.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(hover:none)and (pointer:coarse){.gallery{animation:drift 52s ease-in-out infinite alternate}.item:after,.video-name{opacity:1;transform:none}.hint .hint-label{display:none}.hint .hint-label-touch{display:inline}}@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}}