.photos{padding-bottom:88px}.photos-year+.photos-year{margin-top:72px}.photos-year>h2{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;margin-bottom:20px;font-size:24px;font-weight:650;display:flex}.photos-year>h2>span{color:var(--text3);font-size:13px;font-weight:400}.photos-grid{border-radius:var(--radius);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.photos-cell{aspect-ratio:1;background:var(--bg2);transition:opacity .14s cubic-bezier(.2,0,0,1);display:block;position:relative;overflow:hidden}.photos-cell:hover{opacity:.82}.photos-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.photos-cell img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=720px){.photos{padding-bottom:58px}.photos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photos-year>h2{font-size:20px}}.photo-view{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.photo-view:focus,.photo-view:focus-visible{outline:none}.photo-view::backdrop{background:color-mix(in oklab, var(--bg) 90%, transparent)}.photo-view-inner{display:contents}.photo-view-stage{cursor:zoom-out;opacity:0;place-items:center;margin:0;padding:28px;display:grid;position:fixed;inset:0 360px 0 0;transform:scale(.97)}.photo-view[open] .photo-view-stage{animation:.25s cubic-bezier(.22,1,.36,1) forwards photo-view-in}.photo-view.is-closing .photo-view-stage{animation:.15s cubic-bezier(.22,1,.36,1) forwards photo-view-out}.photo-view-img{object-fit:contain;max-width:100%;max-height:calc(100vh - 56px)}.photo-view-side{border-left:var(--border);background:var(--bg);flex-direction:column;gap:12px;width:360px;padding:28px 26px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.photo-view[open] .photo-view-side{animation:.3s cubic-bezier(.22,1,.36,1) forwards photo-view-slide-in}.photo-view.is-closing .photo-view-side{animation:.15s cubic-bezier(.22,1,.36,1) forwards photo-view-slide-out}@keyframes photo-view-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes photo-view-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes photo-view-slide-in{0%{transform:translate(100%)}to{transform:none}}@keyframes photo-view-slide-out{0%{transform:none}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.photo-view .photo-view-stage,.photo-view .photo-view-side,.photo-view[open] .photo-view-stage,.photo-view[open] .photo-view-side,.photo-view.is-closing .photo-view-stage,.photo-view.is-closing .photo-view-side{opacity:1;animation:none;transform:none}}.photo-view-meta{align-items:center;gap:12px;display:flex}.photo-view-avatar{background:var(--bg)}.photo-view-names{flex-direction:column;line-height:1.35;display:flex}.photo-view-names strong{font-size:15px}.photo-view-names span{color:var(--text3);font-size:13px}.photo-view-date{color:var(--text3);font-variant-numeric:tabular-nums;font-size:13px}.photo-view-text{font-size:15px;line-height:1.6}.photo-view-text p{margin:.3em 0}.photo-view-text a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.photo-view-text blockquote{border-left:3px solid var(--border-strong);color:var(--text2);margin:.5em 0;padding-left:12px}.photo-view-link{color:var(--accent);margin-top:auto;padding-top:16px;font-size:14px}@media (width<=720px){.photo-view-stage{padding:16px;inset:0 0 42vh}.photo-view-img{max-height:calc(58vh - 32px)}.photo-view-side{border-left:0;border-top:var(--border);width:auto;max-height:42vh;top:auto;left:0;transform:translateY(100%)}.photo-view[open] .photo-view-side{animation:.3s cubic-bezier(.22,1,.36,1) forwards photo-view-slide-up}.photo-view.is-closing .photo-view-side{animation:.15s cubic-bezier(.22,1,.36,1) forwards photo-view-slide-down}}@keyframes photo-view-slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes photo-view-slide-down{0%{transform:none}to{transform:translateY(100%)}}.photos-loading{color:var(--text3);text-align:center;padding:48px 0;font-size:14px}
