.gfilter{display: flex;flex-wrap: wrap;gap: 0.5rem}.gfilter__btn{appearance: none;border: 1px solid var(--line-soft);background: color-mix(in oklab,var(--ink-2) 60%,transparent);color: var(--text-dim);font: inherit;font-size: 0.9rem;padding: 0.4rem 0.9rem;border-radius: 999px;cursor: pointer;transition: color 0.2s var(--ease),border-color 0.2s var(--ease),background 0.2s var(--ease)}.gfilter__btn:hover{color: var(--text);border-color: var(--line)}.gfilter__btn[aria-pressed='true']{color: var(--ink);background: linear-gradient(100deg,var(--violet),var(--blue) 52%,var(--cyan));border-color: transparent}.gallery{display: grid;grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows: 12rem;gap: 1rem}.shot{margin: 0;display: flex;flex-direction: column;gap: 0.6rem}.shot--wide{grid-column: span 2}.shot--tall{grid-row: span 2}.shot__frame{position: relative;flex: 1;min-height: 10rem;display: grid;place-items: center;border: 1px dashed var(--line);border-radius: 0.9rem;background: radial-gradient( 120% 100% at 50% 0%,color-mix(in oklab,var(--violet) 10%,transparent),transparent 60% ),color-mix(in oklab,var(--ink-2) 70%,transparent);overflow: hidden;transition: transform 0.25s var(--ease),border-color 0.25s var(--ease)}.shot:hover .shot__frame{transform: translateY(-3px);border-color: color-mix(in oklab,var(--violet) 45%,var(--line))}.shot__glyph{width: 2.4rem;height: 2.4rem;color: var(--text-faint);opacity: 0.7}.shot__badge{position: absolute;top: 0.6rem;left: 0.6rem;font-size: 0.72rem;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-dim);background: color-mix(in oklab,var(--ink) 70%,transparent);border: 1px solid var(--line-soft);border-radius: 999px;padding: 0.15rem 0.55rem}.shot__soon{position: absolute;bottom: 0.6rem;right: 0.7rem;font-size: 0.72rem;color: var(--text-faint)}.shot__cap{font-size: 0.88rem;color: var(--text-dim);line-height: 1.35}@media (prefers-reduced-motion: reduce){.shot__frame,.gfilter__btn{transition: none}}