.page-gallery header{padding:40px 32px 8px;max-width:1100px;margin:0 auto}.page-gallery header h1{font-size:26px}.page-gallery header .tagline{color:var(--muted);font-size:14px;margin-top:6px}.page-gallery #grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px 32px 48px;max-width:1100px;margin:0 auto}.page-gallery .card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;display:block;color:inherit;text-decoration:none}.page-gallery .card .card-link{position:absolute;inset:0;z-index:3}.page-gallery .card:hover{border-color:var(--line-cool);transform:translateY(-2px)}.page-gallery .card .shot{position:relative;aspect-ratio:4 / 3;background:var(--bg)}.page-gallery .card .shot img,.page-gallery .card .shot canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.page-gallery .card .shot img{transition:opacity .4s ease}.page-gallery .card .shot canvas{z-index:1}.page-gallery .card-progress{position:absolute;left:0;bottom:0;height:3px;width:0%;background:var(--accent-cool);z-index:2;opacity:0;transition:opacity .4s}.page-gallery .card .meta{padding:12px 16px 14px}.page-gallery .card .meta h2{font-size:15px;margin-bottom:3px}.page-gallery .card .meta p{color:var(--muted);font-size:12.5px;line-height:1.45}.page-gallery .card .meta .stats{color:var(--faint-cool);font-size:11px;margin-top:7px;min-height:14px}.page-gallery .card .story-link{position:relative;z-index:4;display:inline-block;color:var(--pine);font-size:12px;margin-top:6px;text-decoration:none}.page-gallery .card .story-link:hover{text-decoration:underline}