.photo-intro{margin:0 auto 1rem;max-width:1200px;padding:2rem 1rem 0}.photo-intro__title{color:var(--theme-primary);font-size:2.25rem;font-weight:700;letter-spacing:-0.025em;line-height:1.2;margin:0}@media(width <= 768px){.photo-intro__title{font-size:1.875rem}}.photo-intro__lede{color:var(--text-secondary);margin:.5rem 0 0;max-width:60ch}.photo-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem auto;max-width:1200px;padding:0 1rem}.photo-filters__btn{background:var(--surface-btn);border:1px solid var(--surface-border);border-radius:3px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;padding:.5rem 1.1rem;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease}.photo-filters__btn:hover{background:var(--surface-btn-hover);color:var(--text-primary)}.photo-filters__btn--active{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-on-primary)}.photo-grid{column-gap:1rem;columns:260px;margin:0 auto 3rem;max-width:1200px;padding:0 1rem}.photo-tile{break-inside:avoid;margin:0 0 1rem}.photo-tile__inner{background:var(--surface-panel);border:1px solid var(--surface-border);border-radius:3px;overflow:hidden}.photo-tile__img{aspect-ratio:var(--ar, 3/2);background:var(--surface-subtle);display:block;height:auto;object-fit:cover;transition:transform .4s ease;width:100%}.photo-tile:hover .photo-tile__img{transform:scale(1.03)}.photo-tile__caption{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;padding:.6rem .75rem}.photo-tile__title{color:var(--text-primary);font-size:.9rem}.photo-tile__tag{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}@media(prefers-reduced-motion: reduce){.photo-tile__img{transition:none}.photo-tile:hover .photo-tile__img{transform:none}}