[data-page=gallery]{.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-content:start}.tile{position:relative;grid-column:span 3;aspect-ratio:1;display:block}.trig{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--bg)}.tile[hidden],.tile.off{display:none}.ph{position:absolute;inset:0;overflow:hidden;background:var(--surface)}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%)}.tile.sketch .ph img{object-fit:contain;mix-blend-mode:multiply}.trig:focus-visible{outline-offset:6px}@media(max-width:900px){.tile{grid-column:span 4}}@media(max-width:560px){.tile{grid-column:span 6}}.lightbox-wrap{z-index:50;justify-content:center;align-items:center;width:100%;height:100dvh;display:none;position:fixed;inset:0 0 auto}.lightbox-wrap.is-active{display:flex}.lightbox-img__wrap{width:calc(100vw - 2 * var(--pad));height:calc(100svh - 120px);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.lightbox-img__list{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-img__item{visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.lightbox-img__item.is-active{visibility:visible}.lightbox-img__item img{object-fit:contain;width:100%;height:100%;-webkit-touch-callout:none}.lightbox-nav{z-index:2;color:var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:20px;position:absolute;bottom:0;left:0;right:0;padding:20px var(--pad)}.lightbox-nav__col{display:flex;align-items:baseline;gap:20px;flex:1 1 0}.lightbox-nav__col.center{justify-content:center}.lightbox-nav__col.end{justify-content:flex-end}.lightbox-nav__col .secondary{color:var(--ink-2);margin-left:12px}.lightbox-nav__count{font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.lightbox-nav__button{position:relative;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.lightbox-nav__button[hidden]{display:none}.lightbox-nav__button:before{content:"";position:absolute;inset:-12px -8px}.lightbox-nav__button:focus-visible{outline-offset:4px}@media(hover:none),(pointer:coarse){.lightbox-nav__col.center{display:none}}@media(max-width:640px){.lightbox-wrap.is-active{flex-direction:column;justify-content:flex-start}.lightbox-img__wrap{flex:1;min-height:0;height:auto;margin-top:68px}.lightbox-nav{position:static;flex-wrap:wrap;row-gap:12px;column-gap:16px;width:100%}.lightbox-nav__col{flex:none;gap:12px;white-space:nowrap}.lightbox-nav__col.start{flex:1 1 auto;min-width:0;white-space:normal}.lightbox-nav__col.end{margin-left:auto}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}}