@layer components{.gallery-head{margin-block-end:var(--space-4)}.gallery-head .label{color:var(--gold-ink);margin-block-end:var(--space-1);display:block}.gallery-head p{color:var(--muted);margin-block-start:var(--space-2)}.gallery-filter{border-block-start:1px solid var(--line);flex-wrap:wrap;gap:.5rem;margin-block-start:var(--space-3);padding-block-start:var(--space-3);display:flex}.gallery-filter button{border:1px solid var(--line);background:var(--white);min-height:44px;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;padding:.5rem 1rem;transition:border-color .18s,background-color .18s,color .18s}.gallery-filter button:hover{border-color:var(--ink)}.gallery-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white);font-weight:600}.gallery-grid{columns:1;column-gap:var(--space-3)}@media (min-width:40rem){.gallery-grid{columns:2}}@media (min-width:64rem){.gallery-grid{columns:3}}.gallery-grid li{break-inside:avoid;padding-block-end:var(--space-4)}.gallery-grid figure{gap:.6rem;display:grid}.gallery-grid .tile{border-radius:var(--radius);background:var(--alt);width:100%;display:block;overflow:hidden}.gallery-grid .tile img{width:100%;height:auto;display:block}.gallery-grid .tile:focus-visible{outline-offset:4px}.gallery-grid figcaption{gap:.25rem;padding-inline:.15rem;display:grid}.gallery-grid .caption{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--step-1);text-wrap:pretty;max-width:none;line-height:1.3}.gallery-grid .meta{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.25rem .6rem;max-width:none;display:flex}.gallery-more{justify-items:center;gap:var(--space-2);text-align:center;margin-block-start:var(--space-2);display:grid}.gallery-more .count{color:var(--muted);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase}.gallery-more .error{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.gallery-grid li[data-new]{animation:.5s both gallery-in}@keyframes gallery-in{0%{opacity:0}to{opacity:1}}}.lightbox{background:var(--ink);width:min(100vw,100%);max-width:none;height:100svh;max-height:none;color:var(--white);margin:0;display:none}.lightbox[open]{grid-template-rows:auto 1fr auto;display:grid}.lightbox::backdrop{background:var(--ink)}.lightbox-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0;display:flex}.lightbox-bar .label{color:var(--gold)}.lightbox-stage{min-height:0;padding:var(--space-2);place-items:center;display:grid}.lightbox-stage img{border-radius:var(--radius);object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 12rem)}.lightbox-foot{gap:var(--space-2);padding:0 var(--space-2) var(--space-2);display:grid}.lightbox-foot .caption{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--step-1);text-align:center;max-width:none;line-height:1.3}.lightbox-foot .meta{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;max-width:none}.lightbox-nav{justify-content:center;gap:var(--space-2);display:flex}.lightbox .btn.ghost{color:var(--white);border-color:var(--paper);background:0 0}.lightbox .btn.ghost:hover{background:var(--white);color:var(--ink)}.lightbox .btn.ghost[disabled]{opacity:.4;cursor:default;color:var(--white);background:0 0}.lightbox :focus-visible{outline-color:var(--white)}@media (min-width:48rem){.lightbox-bar,.lightbox-foot{padding-inline:var(--space-4)}.lightbox-foot{align-items:end;gap:var(--space-3);grid-template-columns:1fr auto}.lightbox-foot .caption,.lightbox-foot .meta{text-align:start}}body:has(.lightbox[open]){overflow:hidden}.gallery-strip .strip li{position:relative}.gallery-strip .strip a{height:100%;display:block}.gallery-strip .strip figure{height:100%;position:relative}.gallery-strip .strip figcaption{padding:var(--space-3) var(--space-2) var(--space-2);background:linear-gradient(to top, color-mix(in oklab, var(--ink) 78%, transparent), transparent);color:var(--white);font-family:var(--font-display);font-style:italic;font-size:var(--step-0);opacity:0;line-height:1.3;transition:opacity .25s;position:absolute;inset-block-end:0;inset-inline:0}.gallery-strip .strip li:hover figcaption,.gallery-strip .strip a:focus-visible figcaption{opacity:1}@media (prefers-reduced-motion:reduce){.gallery-strip .strip figcaption{transition:none}.gallery-grid li[data-new]{animation:none}}}
