.photo-grid{padding-block:var(--space-lg) var(--space-3xl)}.photo-grid__intro{justify-items:start;gap:var(--space-sm);padding-block-end:var(--space-lg);display:grid}.photo-grid__intro h1{font-size:var(--text-display-s);max-width:22ch}.photo-grid__intro>p{max-width:58ch;color:var(--color-muted);font-size:var(--text-sm)}.photo-grid__filters{gap:var(--space-md);padding-block:var(--space-md);border-block:var(--rule-hair) solid var(--color-rule);display:grid}.photo-grid__search{gap:var(--space-xs);max-width:calc(var(--space-3xl) * 6);display:grid}.photo-grid__search label,.photo-grid__tags legend{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.photo-grid__search input{width:100%;min-height:var(--size-field);padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm)}.photo-grid__search input::placeholder{color:var(--color-muted)}.photo-grid__tags{border:0;min-width:0;margin:0;padding:0}.photo-grid__tags legend{margin-block-end:var(--space-sm)}.photo-grid__tag-list{gap:var(--space-xs);padding:var(--space-xs);display:flex;overflow-x:auto}.photo-grid__tag{align-items:center;gap:var(--space-xs);min-height:var(--size-control);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-round);color:var(--color-ink-2);font-size:var(--text-sm);cursor:pointer;background:0 0;flex-shrink:0;display:inline-flex}.photo-grid__tag span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.photo-grid__tag:hover{border-color:var(--color-ink)}.photo-grid__tag[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.photo-grid__tag[aria-pressed=true] span{color:inherit}.photo-grid__filter-summary{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.photo-grid__clear{min-height:var(--size-control);padding:0 var(--space-xs);color:var(--color-ink);font-size:var(--text-sm);text-underline-offset:var(--space-2xs);cursor:pointer;background:0 0;border:0;text-decoration:underline}.photo-grid__count{padding-block:var(--space-lg);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.photo-grid__items{align-items:start;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.photo-grid__items.is-masonry{grid-auto-rows:1px;row-gap:0}.photo-grid__card{min-width:0}.photo-grid__media{isolation:isolate;border-radius:var(--radius-sm);position:relative}.photo-grid__media:after{content:"";border-radius:inherit;background:linear-gradient(transparent, var(--color-hero-scrim-strong));pointer-events:none;display:none;position:absolute;inset:0}.photo-grid__open{background:var(--color-paper-2);border-radius:var(--radius-sm);display:block}.photo-grid__open img{border-radius:inherit;width:100%;height:auto}.photo-grid__action{z-index:var(--layer-overlay);justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--size-control);max-width:calc(100% - var(--space-md));padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-viewer-rule-strong);border-radius:var(--radius-sm);background:var(--color-viewer-surface);color:var(--color-viewer-ink);font-size:var(--text-xs);line-height:var(--leading-caption);text-align:start;overflow-wrap:anywhere;display:none;position:absolute}.photo-grid__action .icon{flex-shrink:0}.photo-grid__view{top:var(--space-xs);right:var(--space-xs);pointer-events:none}.photo-grid__folder{bottom:var(--space-xs);left:var(--space-xs);cursor:pointer}.photo-grid__folder:hover{background:var(--color-viewer-canvas)}.photo-grid__open:focus-visible,.photo-grid__folder:focus-visible{outline-color:var(--color-viewer-ink);outline-offset:var(--outline-offset-inset)}.photo-grid:not([data-grid-ready]) [data-grid-folder],.photo-grid[data-grid-folder-selected] [data-grid-folder]{display:none}[data-grid-folder-active]{overflow-wrap:anywhere;max-width:100%}@media (hover:hover) and (pointer:fine){.photo-grid__action,.photo-grid__media:after{opacity:0}.photo-grid__folder{pointer-events:none}.photo-grid__media:hover .photo-grid__action,.photo-grid__media:focus-within .photo-grid__action,.photo-grid__media:hover:after,.photo-grid__media:focus-within:after{opacity:1}.photo-grid__media:hover .photo-grid__folder,.photo-grid__media:focus-within .photo-grid__folder{pointer-events:auto}}@media (prefers-reduced-motion:no-preference){.photo-grid__action,.photo-grid__media:after{transition:opacity var(--dur-micro) var(--ease-out)}}.photo-grid__card figcaption{align-items:start;gap:var(--space-xs);font-size:var(--text-xs);line-height:var(--leading-caption);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto;padding-block-start:var(--space-xs);display:grid}.photo-grid__caption{gap:var(--space-3xs);display:grid}.photo-grid__caption span:last-child{color:var(--color-muted)}.photo-grid__folder-icon{min-width:var(--size-control);min-height:var(--size-control);padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.photo-grid__folder-icon:hover{background:var(--color-paper-2)}.photo-grid__more,.photo-grid__error{justify-content:center;align-items:center;gap:var(--space-md);padding-block:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.photo-grid__load{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--size-control);padding:var(--space-sm) var(--space-lg);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-round);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;background:0 0;display:inline-flex}.photo-grid__load:hover{background:var(--color-paper-2)}.photo-grid__load[aria-disabled=true]{cursor:progress}.photo-grid__empty,.photo-grid__noscript{padding-block:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}@media (width>=40rem){.photo-grid__media:after{display:block}.photo-grid__action{display:inline-flex}.photo-grid__folder-icon{display:none}.photo-grid__card figcaption{grid-template-columns:minmax(0,1fr)}.photo-grid__tag-list{flex-wrap:wrap;padding-inline:0;overflow:visible}.photo-grid__items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=60rem){.photo-grid{padding-block-start:var(--space-xl)}.photo-grid__intro{gap:var(--space-md);padding-block-end:var(--space-lg)}.photo-grid__filters{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start}.photo-grid__filter-summary{grid-column:1/-1}.photo-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.photo-grid__intro{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.photo-grid__intro>a{grid-column:1/-1}.photo-grid__items{grid-template-columns:repeat(5,minmax(0,1fr))}}