.photo-albums{--timeline:var(--link-hover);--paper:var(--bg);--crop-ink:var(--fg);--mono:grayscale(1) contrast(0.82) brightness(1.08);--out:cubic-bezier(0.22,1,0.36,1);--mono-ease:0.6s var(--out);--reg-ease:cubic-bezier(0.16,1,0.3,1);--off:1;--read:46vh;--row-gap:24px;--toward:1;--at-line:3/4;--at-cover:4/6;--at-name:6/11;--at-deck:4/14}[dir=ltr] .photo-albums{--toward:-1}[data-theme=dark] .photo-albums{--mono:grayscale(1) contrast(0.85) brightness(0.78)}@media (max-width:1023px){.photo-albums{--at-line:1/2;--at-cover:2/4;--at-name:4/9;--at-deck:2/9}}@media (max-width:719px){.photo-albums{--at-line:1/2;--at-cover:1/3;--at-name:3/5}}.photo-albums .sub{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.photo-albums .empty{grid-column:var(--at-text);margin:45px 0 0;color:var(--ink-soft)}.photo-albums .albums{margin:64px 0 0;padding:0;list-style:none}.photo-albums .album{padding-bottom:var(--row-gap);color:inherit;text-decoration:none}.photo-albums .album>*{grid-row:1}.photo-albums .album:focus-visible{outline:none}.photo-albums .album:focus-visible .frame-cover{outline:2px solid var(--accent);outline-offset:3px}.photo-albums .line{grid-column:var(--at-line);justify-self:end;align-self:stretch;position:relative;margin-bottom:calc(-1 * var(--row-gap));border-inline-end:1px solid var(--timeline)}.photo-albums .albums>li:last-child .line{margin-bottom:-96px}.photo-albums .line>span{position:absolute;top:4px;left:-6.5px;block-size:14px;inline-size:max-content;padding:6px 0;background:var(--paper);color:var(--ink-soft);font:400 11px/14px var(--font-mono);letter-spacing:.3em;white-space:nowrap;direction:ltr;writing-mode:vertical-rl;transform:rotate(180deg);transition:color .2s}.photo-albums .album.at .line>span{color:var(--timeline)}.photo-albums .frame-cover{grid-column:var(--at-cover);position:relative;z-index:1;aspect-ratio:157/224;background:var(--rule)}.photo-albums .name{grid-column:var(--at-name);align-self:end;margin:0 0 -6px}.photo-albums .name strong{display:block;color:var(--ink-strong);font-size:16px;font-weight:500;line-height:1.6;transition:color .2s}.photo-albums .name span{display:block;color:var(--ink-soft);font-size:13px;line-height:1.6}.photo-albums .album.on :is(.name strong,.line>span){color:var(--link-hover)}.photo-albums .plates{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#fff}.photo-albums .plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:0;translate:calc(var(--x) * var(--off)) calc(var(--y) * var(--off));transition:translate .34s cubic-bezier(.5,0,.75,0),opacity .3s ease .04s}.photo-albums .plate.c{--x:-7px;--y:-5px;--d:0ms;filter:url(#plate-c)}.photo-albums .plate.m{--x:6px;--y:-4px;--d:80ms;filter:url(#plate-m)}.photo-albums .plate.y{--x:-3px;--y:7px;--d:160ms;filter:url(#plate-y)}.photo-albums .plate.k{opacity:1;translate:none;mix-blend-mode:normal;filter:var(--mono);transition:opacity .4s ease}.photo-albums .on .plate:not(.k){opacity:1;translate:0 0;transition:translate .7s var(--reg-ease) var(--d),opacity .16s linear var(--d)}.photo-albums .on .plate.k{opacity:0;transition:opacity .5s ease .12s}.photo-albums .corner{position:absolute;width:12px;height:12px;border:0 solid var(--crop-ink);opacity:0;scale:.3;transition:opacity .2s,scale .4s var(--out)}.photo-albums .corner.tl{top:-9px;left:-9px;border-width:1px 0 0 1px;transform-origin:0 0}.photo-albums .corner.tr{top:-9px;right:-9px;border-width:1px 1px 0 0;transform-origin:100% 0}.photo-albums .corner.bl{bottom:-9px;left:-9px;border-width:0 0 1px 1px;transform-origin:0 100%}.photo-albums .corner.br{right:-9px;bottom:-9px;border-width:0 1px 1px 0;transform-origin:100% 100%}.photo-albums .on .corner{opacity:1;scale:1}.photo-albums .on .corner.tr{transition-delay:50ms}.photo-albums .on .corner.br{transition-delay:.1s}.photo-albums .on .corner.bl{transition-delay:.15s}.photo-albums .reg{position:absolute;top:calc(100% - var(--row-gap) - 34px);left:-10.5px;width:22px;height:22px;opacity:0;rotate:-90deg;scale:.5;transition:opacity .2s,rotate .6s var(--out),scale .6s var(--out)}.photo-albums .reg:after,.photo-albums .reg:before{content:"";position:absolute;background:var(--crop-ink)}.photo-albums .reg:before{top:0;bottom:0;left:50%;width:1px}.photo-albums .reg:after{top:50%;right:0;left:0;height:1px}.photo-albums .reg i{position:absolute;inset:4px;border:1px solid var(--crop-ink);border-radius:50%;background:var(--paper)}.photo-albums .on .reg{opacity:1;rotate:0deg;scale:1}.photo-albums .deck{grid-column:var(--at-deck);align-self:start;display:grid;grid-template-columns:subgrid;pointer-events:none}.photo-albums .print{grid-row:1;grid-column:calc(3 + var(--k));aspect-ratio:157/224;overflow:hidden;background:var(--rule);translate:calc(var(--toward) * (1.5 + var(--k)) * (100% + var(--gutter))) 0;transition:translate .36s cubic-bezier(.5,0,.75,0) calc((5 - var(--k)) * 22ms)}.photo-albums .print img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--mono);transition:filter var(--mono-ease)}.photo-albums .album.on .print{translate:0 0;pointer-events:auto;transition:translate .62s var(--out) calc(var(--k) * 45ms)}.photo-albums .album.on .print img{filter:none;transition-delay:calc(.2s + var(--k) * 45ms)}.photo-albums .print:hover{outline:1px solid var(--link-hover);outline-offset:2px}@media (max-width:1023px){.photo-albums .print:nth-child(n+6){display:none}}@media (max-width:719px){.photo-albums .deck{display:none}.photo-albums .albums{margin-top:32px}.photo-albums .line{justify-self:start;margin-inline-start:-4px}.photo-albums .frame-cover{margin-inline-start:10px}.photo-albums .line>span{display:none}.photo-albums .name{margin-bottom:0}.photo-albums .name strong{font-size:15px}}.photo-albums .cursor{position:fixed;top:var(--read);left:0;z-index:3;width:0;height:0;opacity:0;transition:opacity .3s;pointer-events:none}.photo-albums .cursor.on{opacity:1}.photo-albums .cursor .dot{position:absolute;top:-5px;left:-5px;width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:var(--timeline);transition:background-color .2s,border-color .2s}.photo-albums .cursor.on-date .dot{border-color:transparent;background-color:transparent}.photo-albums .cursor .dot:after{content:"";position:absolute;inset:-7px;border:1px solid var(--timeline);border-radius:50%;opacity:0}.photo-albums .cursor .dot.hit:after{animation:album-ping .7s var(--out)}@keyframes album-ping{0%{opacity:.8;scale:.4}to{opacity:0;scale:1.4}}.photo-albums .place{position:absolute;top:-9px;left:16px;color:var(--timeline);font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;animation:album-roll .45s var(--out)}[dir=ltr] .photo-albums .place{right:16px;left:auto}@keyframes album-roll{0%{opacity:0;translate:0 10px}}@media (max-width:1023px){.photo-albums .place{display:none}}:root:has(.photo-albums dialog[open]){overflow:hidden}.photo-albums .viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden;outline:none}.photo-albums .viewer::backdrop{background:transparent}.photo-albums .pv-bg{position:absolute;inset:0;background:var(--paper)}.photo-albums .pv-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(color-mix(in srgb,var(--fg) 8%,transparent) .9px,transparent 1px) 0 0 /6px 6px}.photo-albums .pv-sheet{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:20px;height:100%;padding:34px calc(var(--margin) + 1rem) 26px}.photo-albums .pv-foot,.photo-albums .pv-head{width:100%;max-width:calc(var(--frame-max) - 2 * var(--margin));margin-inline:auto}.photo-albums .pv-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.photo-albums .pv-head h2{margin:0;color:var(--ink-strong);font-size:16px;font-weight:500;line-height:1.6}.photo-albums .pv-date{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}.photo-albums .viewer button{padding:0;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:13px;line-height:2;cursor:pointer;transition:color .2s}.photo-albums .viewer button:hover:not(:disabled){color:var(--link-hover)}.photo-albums .viewer button:disabled{opacity:.35;cursor:default}.photo-albums .viewer kbd{margin-inline-start:4px;padding:0 3px;border:1px solid var(--rule);border-radius:3px;font:9px/1.6 var(--font-mono);vertical-align:1px}@media (hover:none){.photo-albums .viewer kbd{display:none}}.photo-albums .pv-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;min-height:0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.photo-albums .pv-stage[data-side=left]{cursor:w-resize}.photo-albums .pv-stage[data-side=right]{cursor:e-resize}.photo-albums .pv-main{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.photo-albums .pv-pair{display:flex;align-items:flex-end;gap:var(--gutter)}.photo-albums .pv-print{position:relative;flex:none}.photo-albums .pv-print .plates{--off:2.6}.photo-albums .pv-print .plate{object-fit:fill}.photo-albums .pv-desc{flex:none;width:200px;margin:0 0 -6px;color:var(--ink);font-size:13px;line-height:1.9;white-space:pre-line;opacity:0;transition:opacity .25s}.photo-albums .pv-pair.on .pv-desc{opacity:1;transition:opacity .5s ease .35s}.photo-albums .pv-faces{position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none}.photo-albums .pv-pair.on .pv-faces{opacity:1;transition:opacity .4s ease .55s}.photo-albums .pv-face{position:absolute;padding:0;border:0;background:none;cursor:default;pointer-events:auto}.photo-albums .pv-face i{position:absolute;width:min(14px,30%);height:min(14px,30%);border:0 solid #fff;filter:drop-shadow(0 0 1px rgb(0 0 0/.8));opacity:0;scale:.6;transition:opacity .2s,scale .35s var(--out)}.photo-albums .pv-face .tl{top:0;left:0;border-width:2px 0 0 2px;transform-origin:0 0}.photo-albums .pv-face .tr{top:0;right:0;border-width:2px 2px 0 0;transform-origin:100% 0}.photo-albums .pv-face .bl{bottom:0;left:0;border-width:0 0 2px 2px;transform-origin:0 100%}.photo-albums .pv-face .br{right:0;bottom:0;border-width:0 2px 2px 0;transform-origin:100% 100%}.photo-albums .pv-print:hover .pv-face i{opacity:.45;scale:1}.photo-albums .pv-print .pv-face.lit i{opacity:1;scale:1}@media (hover:none){.photo-albums .pv-face i{opacity:.45;scale:1}}.photo-albums .pv-face span{position:absolute;top:calc(100% + 6px);left:50%;padding:1px 7px;background:var(--paper);color:var(--ink-strong);font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;opacity:0;translate:-50% -4px;transition:opacity .2s,translate .3s var(--out);pointer-events:none}.photo-albums .pv-face.lit span{opacity:1;translate:-50% 0}.photo-albums .pv-names{display:block;margin-top:10px;color:var(--ink-soft)}.photo-albums .pv-names.alone{margin-top:0}.photo-albums .pv-names button{padding:0;border:0;background:none;color:var(--ink-strong);font:inherit;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px;cursor:default}.photo-albums .pv-names button.lit{color:var(--timeline);text-decoration-color:currentColor}.photo-albums .pv-strip{display:flex;gap:8px;max-width:100%;margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;scrollbar-width:none}.photo-albums .pv-strip button{display:block;height:56px;border-bottom:2px solid transparent;line-height:0}.photo-albums .pv-strip img{width:auto;height:52px;filter:var(--mono);transition:filter var(--mono-ease)}.photo-albums .pv-strip [aria-current=true] img,.photo-albums .pv-strip button:hover img{filter:none}.photo-albums .pv-strip [aria-current=true]{border-bottom-color:var(--timeline)}.photo-albums .pv-foot{display:flex;justify-content:center;align-items:center;gap:28px;min-height:28px}.photo-albums .pv-foot p{margin:0}.photo-albums .pv-count{color:var(--ink-strong);font-size:13px}.photo-albums .pv-slug{color:var(--ink-soft);font:400 10px/1 var(--font-mono);letter-spacing:.2em;direction:ltr}.photo-albums .is-single :is(.pv-prev,.pv-next){visibility:hidden}.photo-albums .is-single .pv-strip{display:none}.photo-albums .colour-bar{position:absolute;top:6px;left:50%;display:flex;gap:2px;align-items:center;direction:ltr;translate:-50% 0}.photo-albums .colour-bar b{width:11px;height:11px;background:var(--c);opacity:0;scale:.2;transition:opacity .2s,scale .4s var(--out);transition-delay:calc(var(--k) * 40ms)}.photo-albums .colour-bar.on b{opacity:1;scale:1}.photo-albums .colour-bar .reg{position:relative;top:auto;left:auto;width:16px;height:16px;margin-inline:6px}.photo-albums .colour-bar .reg i{inset:3px}.photo-albums .colour-bar.on .reg{opacity:1;rotate:0deg;scale:1}.photo-albums .travel{position:fixed;top:0;left:0;z-index:2;border:0 solid var(--crop-ink);pointer-events:none}@media (max-width:719px){.photo-albums .pv-sheet{padding-block:22px 18px;row-gap:14px}.photo-albums .colour-bar,.photo-albums .pv-slug{display:none}.photo-albums .pv-foot{gap:18px}.photo-albums .pv-main{align-items:flex-start}.photo-albums .pv-pair{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:12px}.photo-albums .pv-desc{align-self:stretch;width:auto;margin:0;font-size:12px;line-height:1.8}.photo-albums .pv-strip img{height:40px}.photo-albums .pv-strip button{height:44px}}@media (prefers-reduced-motion:reduce){.photo-albums .pv-face i,.photo-albums .pv-face span,.photo-albums .pv-faces{transition:none}.photo-albums .album.on .print,.photo-albums .on .plate:not(.k),.photo-albums :is(.plate,.corner,.reg,.print,.print img){transition:none}.photo-albums .place{animation:none}}