.gallery[data-astro-cid-spf3myz3]{align-items:baseline;row-gap:var(--space-sm);grid-template-columns:1fr auto;display:grid}.section-title[data-astro-cid-spf3myz3]{grid-area:1/1;margin-bottom:0}.intro[data-astro-cid-spf3myz3]{font-size:var(--text-md);color:var(--color-muted);grid-column:1/-1;margin:0;line-height:1.65}.gallery-tiles[data-astro-cid-spf3myz3] .intro[data-astro-cid-spf3myz3]{margin-bottom:var(--space-lg)}.controls[data-astro-cid-spf3myz3]{gap:var(--space-xs);grid-area:1/2;display:flex}.controls[data-astro-cid-spf3myz3] button[data-astro-cid-spf3myz3]{padding:0 var(--space-xs);font-family:var(--font-outlier);font-size:var(--text-xl);color:var(--color-ink);cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;border:0;line-height:1;&:hover:not(:disabled),&:focus-visible{color:var(--color-accent)}&:disabled{color:var(--color-rule);cursor:default}}.viewport[data-astro-cid-spf3myz3]{gap:var(--space-md);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--space-xs);grid-column:1/-1;display:flex;position:relative;overflow-x:auto;&:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}}.viewport[data-astro-cid-spf3myz3][data-dragging]{scroll-snap-type:none;cursor:grabbing;user-select:none}.viewport[data-astro-cid-spf3myz3][data-dragging] .frame[data-astro-cid-spf3myz3]{cursor:grabbing}.slide[data-astro-cid-spf3myz3]{scroll-snap-align:start;flex:none;width:min(24rem,78%);margin:0}.frame[data-astro-cid-spf3myz3]{border:var(--rule-hair) solid var(--color-ink);background-color:var(--color-paper-2);cursor:pointer;width:100%;height:18rem;padding:0;display:block;&:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}}figcaption[data-astro-cid-spf3myz3]{margin-top:var(--space-xs);overflow-wrap:break-word;hyphens:auto}.lightbox[data-astro-cid-spf3myz3]{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--space-lg);background-color:color-mix(in oklab, var(--color-ink) 92%, transparent);opacity:0;transition:opacity var(--dur-short) var(--ease-out), display var(--dur-short) allow-discrete, overlay var(--dur-short) allow-discrete;border:0;margin:0;display:none}.lightbox[data-astro-cid-spf3myz3][open]{justify-content:center;align-items:center;gap:var(--space-md);opacity:1;flex-direction:column;display:flex}@starting-style{.lightbox[data-astro-cid-spf3myz3][open]{opacity:0}.lightbox[data-astro-cid-spf3myz3][open] img[data-astro-cid-spf3myz3]{transform:translateY(var(--space-sm))}}.lightbox[data-astro-cid-spf3myz3] img[data-astro-cid-spf3myz3]{transition:transform var(--dur-short) var(--ease-out);object-fit:contain;border:var(--space-xs) solid var(--color-paper);max-width:100%;min-height:0;max-height:100%;transform:none}.lightbox[data-astro-cid-spf3myz3] .close[data-astro-cid-spf3myz3]{padding:0 var(--space-xs);font-family:var(--font-outlier);font-size:var(--text-2xl);color:var(--color-paper);cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-end;line-height:1;&:hover,&:focus-visible{color:var(--color-accent-2)}}.lightbox[data-astro-cid-spf3myz3] .caption[data-astro-cid-spf3myz3]{color:var(--color-paper);text-align:center;flex:none;margin:0}@media (prefers-reduced-motion:reduce){.lightbox[data-astro-cid-spf3myz3]{transition-duration:var(--dur-micro)}.lightbox[data-astro-cid-spf3myz3] img[data-astro-cid-spf3myz3]{transition:none}@starting-style{.lightbox[data-astro-cid-spf3myz3][open] img[data-astro-cid-spf3myz3]{transform:none}}}.portrait[data-astro-cid-spf3myz3] .slide[data-astro-cid-spf3myz3]{width:calc((100% - 4 * var(--space-md)) / 5)}.portrait[data-astro-cid-spf3myz3] .frame[data-astro-cid-spf3myz3]{aspect-ratio:3/4;height:auto}@media screen and (width<=52rem){.frame[data-astro-cid-spf3myz3]{height:13rem}.portrait[data-astro-cid-spf3myz3] .slide[data-astro-cid-spf3myz3]{width:calc((100% - 2 * var(--space-md)) / 3.3)}.portrait[data-astro-cid-spf3myz3] .frame[data-astro-cid-spf3myz3]{height:auto}}@media screen and (width<=40rem){.portrait[data-astro-cid-spf3myz3] .slide[data-astro-cid-spf3myz3]{width:calc((100% - var(--space-md)) / 2.3)}}.tiles[data-astro-cid-spf3myz3]{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.tile[data-astro-cid-spf3myz3]{min-width:0;margin:0;& img{box-sizing:border-box;border:var(--rule-hair) solid var(--color-ink);width:100%;height:auto;display:block}}@media screen and (width<=40rem){.tiles[data-astro-cid-spf3myz3]{gap:var(--space-md) var(--space-sm)}}
