.photo-nav{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.photo-nav .back{justify-self:start}.photo-nav__name{font-size:var(--text-callout);font-weight:var(--text-weight-medium);line-height:var(--text-line-height-tight);color:var(--label-primary);text-align:center;white-space:nowrap;justify-self:center;margin:0}.photo-nav__spacer{justify-self:end}.photo-header{margin-top:40px;margin-bottom:40px}.photo-header h1{margin:0}.photo-feed{flex-direction:column;gap:40px;padding-bottom:80px;animation:.8s .2s both fadeincv;display:flex}.photo-item{--photo-reveal-dur:.4s;--photo-reveal-blur:2px;--photo-reveal-ease:ease-in-out;background:linear-gradient(145deg,var(--fill-secondary)0%,var(--fill-tertiary)55%,var(--fill-primary)100%);border-radius:16px;width:100%;max-width:1200px;margin:0 auto;scroll-margin-top:96px;position:relative;overflow:hidden}.photo-item--portrait{max-width:720px}.photo-item--has-exif{--photo-caption-bottom:24px;--photo-blur-pad-top:128px}.photo-item__image{z-index:1;opacity:0;width:100%;height:auto;filter:blur(var(--photo-reveal-blur));transition:opacity var(--photo-reveal-dur)var(--photo-reveal-ease),filter var(--photo-reveal-dur)var(--photo-reveal-ease);display:block;position:relative}.photo-item__image--loaded{opacity:1;filter:blur()}.photo-item__lqip{z-index:0;object-fit:cover;filter:blur(24px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.photo-feed{opacity:1;animation:none;transform:none}.photo-item__image{filter:none;transition:opacity var(--photo-reveal-dur)var(--photo-reveal-ease)}}.photo-item__overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.photo-item__trigger{z-index:1;color:#fff;width:100%;height:100%;font:inherit;text-align:left;cursor:default;pointer-events:auto;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.photo-item__blur{height:calc(var(--photo-caption-bottom) + var(--photo-caption-stack-height,14px) + var(--photo-blur-pad-top));opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.photo-item__blur--native{-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);-webkit-mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);-webkit-mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);background:linear-gradient(transparent 0%,rgba(0,0,0,.01) 25%,rgba(0,0,0,.04) 55%,rgba(0,0,0,.1) 100%);transition:opacity .3s}.photo-item__blur--svg{-webkit-mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);-webkit-mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);mask-image:linear-gradient(to top,black calc(100% - var(--photo-blur-pad-top)),transparent 100%);transition:opacity .3s;display:none;overflow:hidden}html.chromium-blur .photo-item__blur--native{display:none}html.chromium-blur .photo-item__blur--svg{display:block}.photo-item__blur-svg{width:100%;height:100%;display:block}.photo-item__blur-tint{pointer-events:none;background:linear-gradient(transparent 0%,rgba(0,0,0,.01) 25%,rgba(0,0,0,.04) 55%,rgba(0,0,0,.1) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.photo-item__caption{left:24px;right:24px;bottom:var(--photo-caption-bottom);pointer-events:none;transition:transform .3s;position:absolute;transform:translateY(0)}.photo-item__caption-meta{opacity:0;flex-direction:column;align-items:flex-start;gap:6px;transition:opacity .3s;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.photo-item__camera{color:#fff;opacity:0;text-shadow:0 1px 12px rgba(0,0,0,.15);white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1;transition:opacity .3s}.photo-item__lens,.photo-item__stats{width:100%;font-size:12px;font-weight:var(--text-weight-regular);color:rgba(255,255,255,.7);white-space:nowrap;margin:0;line-height:1}.photo-item--has-exif.photo-item--open .photo-item__blur{opacity:1}.photo-item--has-exif.photo-item--open .photo-item__caption{transform:translateY(calc(-1*(var(--photo-meta-height,0px) + 6px)))}.photo-item--has-exif.photo-item--open .photo-item__camera,.photo-item--has-exif.photo-item--open .photo-item__caption-meta{opacity:1}@media (hover:hover){.photo-item--has-exif:hover .photo-item__blur{opacity:1}.photo-item--has-exif:hover .photo-item__caption{transform:translateY(calc(-1*(var(--photo-meta-height,0px) + 6px)))}.photo-item--has-exif:hover .photo-item__camera,.photo-item--has-exif:hover .photo-item__caption-meta{opacity:1}}@media (max-width:768px){.photo-feed{gap:28px;padding-bottom:0}.photo-item--has-exif{--photo-caption-bottom:18px}.photo-item__caption{left:18px;right:18px}}@media (prefers-color-scheme:dark){.photo-item{background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.1) 100%)}}@media (hover:none){.photo-item__trigger{cursor:pointer}}