.x-photos{color:var(--ink)}.x-photo-grid{grid-template-columns:repeat(var(--photo-columns,3), minmax(0, 1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.x-photo-grid button{all:unset;box-sizing:border-box;aspect-ratio:1;border:1px solid var(--line);cursor:pointer;inline-size:100%;transition:outline-offset .3s,border-color .3s;display:block;overflow:hidden}.x-photo-grid button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.x-photo-grid img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.x-photo-grid .x-photo-more{position:relative}.x-photo-grid .x-photo-more img{filter:blur(5px);transform:scale(1.12)}.x-photo-badge{background:color-mix(in srgb, var(--paper) 55%, transparent);font:500 var(--fs-corner) / 1 var(--font-sans);letter-spacing:-.025em;place-items:center;display:grid;position:absolute;inset:0}.x-photo-caption{color:var(--ink-2);font:400 var(--fs-label) / 1.4 var(--font-mono);letter-spacing:.02em;white-space:nowrap;gap:8px;margin-block:6px 0;margin-inline:0;display:flex;overflow:hidden}.x-photo-text{text-overflow:ellipsis;overflow:hidden}.x-photo-number{color:var(--ink);flex:none;font-weight:500}@media (hover:hover){.x-photo-grid button:hover{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:4px}}.x-viewer{box-sizing:border-box;background:var(--paper);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--ink);opacity:0;transition:opacity .25s, display .25s allow-discrete, overlay .25s allow-discrete;border:0;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;margin:0;padding-block:22px;padding-inline:28px;position:fixed;inset:0}.x-viewer[open]{opacity:1;display:grid}@starting-style{.x-viewer[open]{opacity:0}}.x-viewer:focus{outline:none}.x-viewer::backdrop{background:0 0}:root:has(.x-viewer[open]){overflow:hidden}.x-viewer :where(button){all:unset;cursor:pointer}.x-viewer button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.x-viewer-top{justify-content:space-between;align-items:baseline;display:flex}.x-viewer-count{color:var(--ink-2);font:400 var(--fs-label) / 1.4 var(--font-mono);letter-spacing:.02em;margin:0}.x-viewer-close{font:500 var(--fs-corner) / 1 var(--font-sans);letter-spacing:-.025em}.x-viewer-stage{touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;gap:24px;min-block-size:0;display:flex}.x-viewer-stage picture{display:contents}.x-viewer-stage img{box-sizing:border-box;border:1px solid var(--ink);object-fit:contain;block-size:auto;max-block-size:100%;inline-size:auto;min-inline-size:0;max-inline-size:min(1100px,100% - 160px);display:block}.x-viewer-arrow{font:500 var(--fs-corner) / 1 var(--font-sans);padding:8px}.x-viewer-bottom{justify-content:center;align-items:center;gap:12px;min-block-size:28px;display:flex}.x-viewer-caption{font:500 var(--fs-label) / 1.4 var(--font-mono);text-align:center;margin:0}.x-viewer .x-viewer-round{display:none}@media (max-width:720px){.x-viewer{padding-block:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-bottom));gap:12px;padding-inline:16px}.x-viewer-close{padding-block:8px;padding-inline:12px 0;font-size:22px}.x-viewer-stage{gap:0}.x-viewer .x-viewer-side{display:none}.x-viewer-stage img{max-inline-size:100%}.x-viewer-bottom{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;display:grid}.x-viewer-caption{grid-column:2;font-weight:400}.x-viewer .x-viewer-round{box-sizing:border-box;border:1px solid var(--ink);border-radius:var(--radius-pill);block-size:48px;inline-size:48px;font:500 26px / 1 var(--font-sans);justify-content:center;align-items:center;padding:0;display:flex}.x-viewer .x-viewer-round:last-child{grid-column:3}}