.preview{top:calc(var(--header-h) + 28px);position:sticky}.preview-frame{background:var(--paper-2);aspect-ratio:2/3;max-height:calc(100vh - var(--header-h) - 170px);margin-inline:auto 0;display:block;overflow:hidden}.preview-frame img{object-fit:cover;width:100%;height:100%}.preview figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;margin-top:12px;display:flex}.preview-name{font-size:19px;font-style:italic;line-height:1.3}.preview-note{color:var(--ink-2);flex-basis:100%;font-size:16px;font-style:italic;line-height:1.4}.preview-note[hidden]{display:none}.photos-intro .intro-top{gap:24px var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.photos-intro .display{grid-column:1/span 7;font-size:clamp(3.4rem,8.4vw,7.75rem)}.pindex{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding-top:clamp(48px,5.5vw,80px);display:grid}.years{grid-column:1/span 8}.p-aside{top:calc(var(--header-h) + 28px);grid-column:9/span 4;padding-left:clamp(16px,2.4vw,40px);position:sticky}.p-aside .preview{position:static}.p-aside .preview-frame{max-height:calc(100vh - var(--header-h) - 200px)}.p-hint{border-top:1px solid var(--rule);margin-top:28px;padding-top:14px}.year{column-gap:var(--gap);grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;display:grid}.year+.year{margin-top:clamp(48px,5vw,72px)}.year-label{top:calc(var(--header-h) + 28px);border-top:1px solid var(--ink);grid-column:1/span 2;padding-top:16px;position:sticky}.year-num{letter-spacing:-.01em;font-size:clamp(1.75rem,2.5vw,2.375rem);font-style:italic;font-weight:340;line-height:1}.year-count{margin-top:10px}.prows{border-top:1px solid var(--ink);grid-column:3/span 6}.prow{border-bottom:1px solid var(--rule);color:var(--ink);transition:background-color .25s var(--ease), border-color .25s;grid-template-columns:2.6ch minmax(0,1fr) auto;align-items:baseline;column-gap:20px;padding:20px 16px 22px 14px;display:grid}.prows li:last-child .prow{border-bottom-color:#0000}.prow.is-active{background:var(--wash);box-shadow:inset 2px 0 0 var(--accent);border-bottom-color:#0000}.prow:focus-visible{outline-offset:-2px}.prow-no{font:400 11.5px / 1 var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink-2);transition:color .2s}.prow-thumb{display:none}.prow-name{letter-spacing:-.024em;transition:transform .35s var(--ease);font-size:clamp(2rem,3.3vw,3rem);font-weight:320;line-height:1.02;display:inline-block;position:relative}.prow-arr{font:400 .46em / 1 var(--mono);color:var(--accent);opacity:0;transition:opacity .25s, transform .35s var(--ease);margin-left:.32em;position:absolute;bottom:.3em;left:100%;transform:translate(-6px)}.prow-note{color:var(--ink-2);margin-top:7px;font-size:17px;font-style:italic;line-height:1.4;display:block}.prow-meta{font:400 13px / 1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;justify-items:end;gap:5px;display:grid}.prow-meta span:first-child{color:var(--ink);font-weight:500}.prow.is-active .prow-no{color:var(--accent)}.prow.is-active .prow-name{transform:translate(6px)}.prow.is-active .prow-arr{opacity:1;transform:none}@media (width<=1100px){.photos-intro .display{grid-column:1/-1;font-size:clamp(3.4rem,13vw,7.75rem)}}@media (width<=1023px){.years{grid-column:1/-1}.p-aside{display:none}.year{grid-template-columns:repeat(12,minmax(0,1fr))}.year-label{grid-column:1/span 3}.prows{grid-column:4/span 9}.prow{grid-template-columns:2.6ch 52px minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:14px 12px 14px 8px}.prow-thumb{aspect-ratio:2/3;background:var(--paper-2);width:52px;display:block;overflow:hidden}.prow-thumb img{object-fit:cover;width:100%;height:100%}.prow-name{font-size:clamp(1.6rem,4vw,2.25rem)}.prow-note{margin-top:4px;font-size:16px}.prow.is-active{border-bottom-color:var(--rule);box-shadow:none;background:0 0}.prows li:last-child .prow.is-active{border-bottom-color:#0000}.prow:hover{background:var(--wash)}.prow.is-active .prow-name{transform:none}.prow.is-active .prow-arr{opacity:0}.prow.is-active .prow-no{color:var(--ink-2)}}@media (width<=760px){.photos-intro .display{font-size:min(15.5vw,5rem)}.years-toc{gap:4px 18px}.year{grid-template-columns:minmax(0,1fr)}.year-label,.prows{grid-column:1/-1}.year+.year{margin-top:44px}.year-label{justify-content:space-between;align-items:baseline;padding:14px 0 12px;display:flex;position:static}.year-num{font-size:1.875rem}.year-count{margin-top:0}.prows{border-top:1px solid var(--rule)}.prow{grid-template-columns:40px minmax(0,1fr) auto;column-gap:14px;padding:12px 0}.prow:hover{background:0 0}.prow-no{display:none}.prow-thumb{width:40px}.prow-name{font-size:1.625rem;line-height:1.06}.prow-note{font-size:15px}.prow-meta{letter-spacing:.04em;font-size:12px}}@media (hover:none){.prow:hover{background:0 0}}