:root{color-scheme:light;--ink:#202321;--muted:#767b76;--paper:#fafbf9;--line:#e1e4df;--accent:#aa7043}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b77e50;outline-offset:5px}header{height:112px;border-bottom:1px solid var(--line);margin:0 5.5%;display:flex;align-items:center;gap:32px}.brand{font-size:27px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;background:var(--ink);color:#edbc93;font-family:Georgia,serif;font-size:33px;font-style:italic;display:grid;place-items:center;padding-bottom:5px;border-radius:4px}.brand-domain{font-weight:400;color:#7a8079}.header-caption{font-size:12px;letter-spacing:2px;margin-left:24px;color:var(--muted)}.access{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#626862;background:#edf0eb;border:1px solid #e0e5dc;border-radius:24px;padding:10px 14px}main{max-width:1600px;margin:auto;padding:37px 5.5% 80px;min-height:calc(100svh - 196px)}.breadcrumb{font-size:13px;color:var(--muted);min-height:22px}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span:not(:empty):before{content:'/';padding:0 13px;color:#a3a8a0}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:35px 0 34px}.eyebrow{font-size:12px;letter-spacing:2.4px;margin:0 0 15px;color:var(--accent)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4vw,62px);font-weight:400;letter-spacing:-2px;margin:0;line-height:1.12}h1 span{color:var(--accent)}#description{color:var(--muted);margin:17px 0 0;line-height:1.6}.count{color:#687066;font-size:14px;white-space:nowrap;padding-bottom:5px}.demo-note{font-size:13px;border-top:1px solid var(--line);padding:17px 0 22px;color:#7d827b;display:flex;gap:16px;line-height:1.6}.demo-note span{font-size:11px;letter-spacing:1.2px;color:#96633b}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.album{border:0;background:none;text-align:left;padding:0;color:inherit}.cover{position:relative;aspect-ratio:1.18;overflow:hidden;background:#e8eae5;border-radius:4px;margin-bottom:20px}.cover:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000008;pointer-events:none}.cover img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.album:hover img{transform:scale(1.035)}.cover-tag{position:absolute;left:17px;top:17px;background:#fafbf9e6;backdrop-filter:blur(10px);padding:7px 10px;border-radius:3px;display:flex;align-items:center;gap:7px;font-size:12px;color:#343d34}.open-circle{position:absolute;right:17px;bottom:17px;border:1px solid #ffffff9e;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:white;background:#0003;transition:background .2s}.album:hover .open-circle{background:#fff;color:#222}.album-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.album h2{font-family:Georgia,serif;font-weight:400;font-size:26px;letter-spacing:-.5px;margin:0}.album-index{font-size:12px;color:#a0a69e}.album-meta{margin-top:10px;font-size:13px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo{background:none;border:0;padding:0;text-align:left;color:var(--muted);min-width:0}.photo img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:3px;display:block;transition:filter .2s}.photo:hover img{filter:brightness(.9)}.photo span{display:block;font-size:13px;padding:12px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.empty{grid-column:1/-1;padding:80px 20px;text-align:center;border:1px dashed #bfc8bc;color:var(--muted);border-radius:4px;line-height:1.7}footer{margin:0 5.5%;padding:27px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.footer-divider{padding:0 14px;color:#aeb5aa}dialog{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#121413;color:#f4f5f0;inset:0;margin:0;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#121413}.viewer-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:15px 32px;flex-shrink:0}.viewer-top>div{display:flex;gap:24px;align-items:center}#viewerAlbum{font-size:16px}#position{font-size:13px;color:#a3aaa1;border-left:1px solid #444;padding-left:24px}.icon-button{color:#e5e9e1;border:1px solid #414740;width:40px;height:40px;border-radius:50%;background:transparent}.icon-button:hover,.arrow:hover{background:#ffffff18}.stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;padding:8px 85px;touch-action:pan-y}.stage>img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff36;background:#20251ebb;color:white;width:46px;height:46px;border-radius:50%;font-size:24px;z-index:2}.arrow:disabled{opacity:.25;cursor:default}.prev{left:23px}.next{right:23px}.viewer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 85px;font-size:13px;color:#b5bcb2;flex-shrink:0}#photoName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-hint{white-space:nowrap;color:#7c857a;font-size:12px}.key-hint span{margin-left:20px}.filmstrip{display:flex;justify-content:center;gap:9px;padding:0 24px 23px;overflow:auto;flex-shrink:0}.filmstrip button{border:2px solid transparent;border-radius:3px;background:transparent;padding:3px;opacity:.5;flex-shrink:0}.filmstrip button.active{border-color:#deb38e;opacity:1}.filmstrip img{width:66px;height:45px;object-fit:cover;display:block;border-radius:1px}#imageError{position:absolute;left:20%;right:20%;text-align:center;color:#f2c3ad}.login{max-width:400px;margin:15vh auto;padding:25px}.login h1{font-size:42px;margin-bottom:20px}.login input{width:100%;padding:14px;font:inherit;border:1px solid #b5bcaf;background:white;border-radius:4px;margin:10px 0 20px}.login button{width:100%;border:0;padding:14px;background:#202321;color:white;border-radius:4px}.login p{line-height:1.6;color:var(--muted)}@media(min-width:1600px){header,footer{max-width:1424px;margin-left:auto;margin-right:auto}}@media(max-width:900px){.header-caption{display:none}.album-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){header{height:84px}.brand{font-size:24px}.brand-mark{width:35px;height:35px;font-size:28px}.access{font-size:11px;padding:8px}.access svg{display:none}main{padding-top:25px;min-height:calc(100svh - 161px)}.intro{margin:27px 0}.intro .count{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:42px}.demo-note{display:block;font-size:12px}.demo-note span{display:block;margin-bottom:5px}.album-grid{grid-template-columns:1fr;gap:30px}.cover{aspect-ratio:1.3;margin-bottom:14px}.album h2{font-size:27px}.photo-grid{gap:12px}.photo span{font-size:12px}.viewer-top{padding:12px 16px;height:65px}.viewer-top>div{gap:12px}#position{padding-left:12px}.stage{padding:0 0}.arrow{width:38px;height:38px;font-size:20px}.prev{left:9px}.next{right:9px}.viewer-bottom{padding:18px 16px}.key-hint{display:none}.filmstrip{justify-content:flex-start;padding:0 16px 20px}.filmstrip button:first-child{margin-left:auto}.filmstrip button:last-child{margin-right:auto}footer{font-size:11px}#footerHint{display:none}.login{margin:10vh 5%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Compact photo grid, without visible file captions. */
.photo-grid{gap:6px;align-items:start}
.photo>span{display:none}
@media(max-width:600px){.photo-grid{gap:4px}}