.photo-gallery{border-top:1px solid var(--line);text-align:center;overflow:hidden}
.photo-gallery .album-kicker{font-size:1rem;letter-spacing:.18em;color:#76543e;margin:0}
.photo-gallery h2{margin:12px 0 8px}.photo-gallery>p[role=status]{font-size:1rem;min-height:1.8em;margin:12px 0;color:#50616a}
.photo-grid{position:relative;width:100%;height:clamp(310px,47vw,590px);perspective:1300px;touch-action:pan-y pinch-zoom;isolation:isolate}
.photo-grid.album-empty{height:110px}
.album-photo{position:absolute;left:50%;top:30px;width:62%;max-width:640px;padding:14px 14px 0;border:1px solid #d1c9b5;background:#fffdf6;color:#253f48;font:inherit;box-shadow:0 24px 36px -22px #263b4666;cursor:pointer;transform-origin:50% 65%;transition:transform .6s cubic-bezier(.22,.72,.22,1),opacity .45s,filter .45s;will-change:transform}
.album-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#eae6db;pointer-events:none;user-select:none}
.album-photo-label{display:block;font-family:Georgia,"Microsoft JhengHei",serif;font-size:1.0625rem;line-height:1.5;padding:13px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-photo[data-position=center]{z-index:3;transform:translateX(-50%) rotate(-1deg);opacity:1;cursor:zoom-in}
.album-photo[data-position=left]{z-index:1;transform:translateX(-109%) translateY(24px) rotateY(18deg) rotate(-8deg) scale(.76);filter:brightness(.87);opacity:.8}
.album-photo[data-position=right]{z-index:1;transform:translateX(9%) translateY(24px) rotateY(-18deg) rotate(8deg) scale(.76);filter:brightness(.87);opacity:.8}
.album-photo[data-position=hidden]{visibility:hidden;transform:translateX(-50%) scale(.65);opacity:0;pointer-events:none}
.album-description{max-width:680px;margin:0 auto;min-height:100px}.album-description[hidden]{display:none}
.album-year{color:#76543e;font-size:1.0625rem;letter-spacing:.07em;margin:0}.album-title{font-size:clamp(1.5rem,3vw,2rem);margin:8px 0 15px}.album-story{font-size:1.1875rem;white-space:pre-wrap;margin:12px 0;text-align:left}.album-credit{font-size:1rem;color:#50616a}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:28px}.gallery-controls button,.photo-lightbox button{font:inherit;font-size:1.125rem;min-height:48px;padding:10px 20px;border:1px solid #253f48;background:transparent;color:#253f48;cursor:pointer;border-radius:2px}
.gallery-controls button:hover:not(:disabled){background:#253f48;color:#fffdf6}.gallery-controls button:disabled,.photo-lightbox button:disabled{opacity:.4;cursor:default}
.gallery-controls [data-refresh]{flex-basis:auto;border:0;border-bottom:1px solid #9aabac;font-size:1rem;margin-left:14px}.album-count{font-size:1rem;color:#76543e;font-variant-numeric:tabular-nums}.album-hint{font-size:1rem;margin:22px 0 0}
.photo-gallery button:focus-visible,.photo-grid:focus-visible,.photo-lightbox button:focus-visible{outline:3px solid #b25b37;outline-offset:5px}
html[data-motion=on] .album-arrived .photo-grid{animation:album-unfold .8s ease-out both}
@keyframes album-unfold{from{opacity:.3;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.photo-lightbox{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#192f37;color:#fffdf6;overflow:auto;overscroll-behavior:contain}
.photo-lightbox::backdrop{background:#14272e}.lightbox-header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;background:#192f37;border-bottom:1px solid #50646b;font-size:1.125rem;letter-spacing:.1em}
.photo-lightbox button{color:#fffdf6;border-color:#a3b4b7}.photo-lightbox button:hover:not(:disabled){background:#385660}.lightbox-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:32px;align-items:center;padding:32px;min-height:calc(100dvh - 85px)}
.lightbox-photo{min-width:0;touch-action:pan-y pinch-zoom}.lightbox-image{display:block;width:100%;height:calc(100dvh - 165px);min-height:220px;object-fit:contain;user-select:none}
.lightbox-details{min-width:0;max-width:560px}.photo-lightbox .lightbox-caption{font-size:2rem;line-height:1.5;color:#fffdf6;overflow-wrap:anywhere}.photo-lightbox p{color:#e3e9e5}.lightbox-story{white-space:pre-wrap;font-size:1.1875rem;overflow-wrap:anywhere}.lightbox-status{font-size:1rem}.lightbox-controls{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.lightbox-hint{font-size:1rem}
@media(max-width:850px){.lightbox-body{grid-template-columns:1fr;align-items:start;padding:20px;gap:20px}.lightbox-image{height:52dvh}.lightbox-details{max-width:700px;margin:0 auto;width:100%}.lightbox-header{padding:12px 20px}.photo-grid{height:clamp(330px,58vw,500px)}.album-photo{width:70%;top:28px;padding:10px 10px 0}.album-photo-label{padding:10px 2px}}
@media(max-width:550px){.photo-gallery{padding-left:16px;padding-right:16px}.photo-gallery h2{font-size:1.875rem}.photo-grid{height:clamp(275px,84vw,440px);width:calc(100% + 32px);margin-left:-16px}.album-photo{width:78%;padding:8px 8px 0;top:25px}.album-photo-label{font-size:1rem}.album-photo[data-position=left]{transform:translateX(-112%) translateY(18px) rotate(-7deg) scale(.82)}.album-photo[data-position=right]{transform:translateX(12%) translateY(18px) rotate(7deg) scale(.82)}.gallery-controls{gap:10px}.gallery-controls button{padding:10px 14px}.gallery-controls [data-refresh]{margin-left:0;flex-basis:100%;max-width:160px}.lightbox-header{font-size:1rem;letter-spacing:0}.lightbox-body{padding:14px}.lightbox-image{height:45dvh;min-height:180px}.photo-lightbox .lightbox-caption{font-size:1.5rem}.lightbox-story{font-size:1.125rem}}
html[data-motion=off] .photo-gallery *,html[data-motion=off] .photo-lightbox *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.photo-gallery *,.photo-lightbox *{animation:none!important;transition:none!important}}