.photo-page{padding:3rem 0}.photo-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.photo-page-title{letter-spacing:-.03em;text-transform:uppercase;font-family:Fraunces,serif;font-size:clamp(1.8rem,3vw + .5rem,2.8rem);font-weight:700;line-height:1.2}.photo-stamp{border:2.5px solid var(--warm);color:var(--warm);text-transform:uppercase;letter-spacing:.15em;padding:.25em .7em;font-size:.58rem;font-weight:700;line-height:1.4;display:inline-block;position:relative;transform:rotate(-2.5deg)}.photo-stamp:after{content:"";border:1px solid var(--warm);position:absolute;inset:2.5px}.photo-subtitle{color:var(--muted);border-bottom:2px solid var(--ink);margin-bottom:2rem;padding-bottom:1.5rem;font-size:.88rem}.photo-breadcrumb{align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.82rem;display:flex}.photo-breadcrumb-btn{border:2px solid var(--border);color:var(--warm);cursor:pointer;background:0 0;border-radius:6px;padding:.25em .6em;font-family:Karla,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .15s}.photo-breadcrumb-btn:hover{border-color:var(--ink)}.photo-breadcrumb-sep{color:var(--border)}.photo-breadcrumb-current{color:var(--ink);font-weight:700}.album-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;display:grid}.album-card{border:2px solid var(--ink);background:var(--surface);cursor:pointer;text-align:left;font-family:Karla,sans-serif;font-size:inherit;width:100%;color:var(--ink);border-radius:8px;padding:1.4rem;transition:border-color .2s,box-shadow .2s}.album-card:hover{border-color:var(--warm);box-shadow:0 2px 12px #b4530914}.album-num{color:var(--border);font-family:Fraunces,serif;font-size:1.8rem;font-weight:700;line-height:1;display:block}.album-card:hover .album-num{color:var(--warm)}.album-name{margin-top:.3rem;font-family:Fraunces,serif;font-size:1.02rem;font-weight:700;display:block}.album-count{color:var(--muted);margin-top:.2rem;font-size:.72rem;display:block}.pg-grid{column-count:4;column-gap:.6rem}@media (width<=768px){.pg-grid{column-count:3}}@media (width<=480px){.pg-grid{column-count:2}}.pg-item{cursor:pointer;border:2px solid var(--ink);break-inside:avoid;border-radius:8px;width:100%;margin-bottom:.6rem;transition:border-color .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden}.pg-item:hover{border-color:var(--warm);box-shadow:0 2px 12px #b4530914}.pg-thumb{width:100%;height:auto;display:block}.pg-name-wrap{background:linear-gradient(to bottom, transparent 0%, var(--pg-fade,#0000008c) 100%);pointer-events:none;padding:1.8rem .55rem .45rem;position:absolute;bottom:0;left:0;right:0}.pg-name{color:#fff;text-shadow:0 1px 3px #00000080;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600;overflow:hidden}.lb-overlay{z-index:1000;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.lb-overlay.open{display:flex}.lb-img{object-fit:contain;border-radius:6px;max-width:90vw;max-height:85vh;animation:.25s ease-out lbIn;box-shadow:0 8px 40px #0006}@keyframes lbIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lb-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:opacity .15s;position:absolute;top:1.25rem;right:1.5rem}.lb-close:hover{opacity:1}.lb-caption{color:#ffffffb3;text-align:center;max-width:80%;font-size:.78rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.lb-nav{color:#fff;cursor:pointer;opacity:.6;background:#ffffff1a;border:none;border-radius:8px;padding:.6rem .8rem;font-size:1.5rem;transition:opacity .15s,background .15s;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{opacity:1;background:#fff3}.lb-prev{left:1rem}.lb-next{right:1rem}.pg-empty{text-align:center;color:var(--muted);padding:4rem 1rem;font-style:italic}.pg-hidden{display:none!important}.photo-copyright{border:1.5px dashed var(--border);color:var(--muted);text-align:center;border-radius:8px;margin-top:2.5rem;padding:1rem 1.25rem;font-size:.75rem;line-height:1.6}.photo-copyright strong{color:var(--ink);font-weight:700}.photo-copyright a{color:var(--warm);text-underline-offset:2px;text-decoration:underline}.photo-copyright a:hover{text-decoration:none}
