:root{--ink:#253d36;--muted:#83928a;--green:#387b61;--line:#e2e8e2}*{box-sizing:border-box}body{margin:0;background:#f8faf7;color:var(--ink);font:14px/1.7 "Segoe UI","Microsoft JhengHei",sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:6px;padding:8px 16px;color:var(--ink)}a{color:inherit;text-decoration:none}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 6%;font-size:11px}.logo{font-size:29px;color:var(--green);display:flex;gap:12px;align-items:center}.logo span{font-size:18px;letter-spacing:2px;font-weight:600}.header-note{font-size:8px;letter-spacing:2px;color:#9aa89f}main{max-width:1560px;margin:auto;padding:0 6%}.intro{text-align:center;padding:85px 0 62px}.eyebrow{font-size:9px;letter-spacing:3px;color:#90a998}.intro h1{font-size:42px;letter-spacing:7px;font-weight:500;margin:18px 0 10px}.intro p{font-size:13px;color:var(--muted);letter-spacing:1px}.total{font-size:10px;color:#92a696;margin-top:24px;display:inline-block;background:#edf3ec;padding:5px 14px;border-radius:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;gap:20px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{border:0;background:transparent;font-size:12px;color:#8a9c8e;padding:7px 14px}.tabs button.active{background:#e8f1e7;color:var(--green)}.search-controls{display:flex;gap:8px}.search-controls input{border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 12px;min-width:0;width:155px;color:var(--ink);font-size:11px}.search-controls button{font-size:11px}.collection-layout{display:flex;gap:36px}.timeline{width:115px;flex-shrink:0;padding-top:30px;align-self:flex-start;position:sticky;top:16px;max-height:85vh;overflow:auto}.timeline>span{font-size:9px;letter-spacing:3px;color:#a3afa5}.timeline button{border:0;background:none;display:block;font-size:11px;color:#84998b;padding:9px 0;margin:8px 0;width:100%;text-align:left}.timeline button.active{color:#32684f;font-weight:700}.timeline button.active:before{content:'— ';}.wall-wrap{flex:1;min-width:0}.date-title{font-size:13px;font-weight:500;letter-spacing:1px;margin:30px 0 17px;display:flex;align-items:center;gap:12px}.date-title span{font-size:9px;color:#a3afa3;letter-spacing:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.photo{border:0;background:transparent;padding:0;text-align:left;overflow:hidden;border-radius:8px;position:relative}.photo img{width:100%;height:235px;object-fit:cover;display:block;border-radius:8px;transition:transform .4s}.photo:hover img{transform:scale(1.035)}.photo .caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 20px}.photo strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo small{font-size:9px;color:#90a08f;white-space:nowrap}#more{display:block;margin:40px auto;font-size:12px}#empty{color:#9ba99d;text-align:center;margin:80px 0}footer{padding:45px 0;margin-top:60px;border-top:1px solid var(--line);color:#96a697;font-size:11px;display:flex;justify-content:space-between}footer span{font-size:8px;letter-spacing:2px}[hidden]{display:none!important}dialog{border:0;background:#142019;color:white;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:35px 80px}dialog::backdrop{background:#142019}.viewer-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#full-image{max-width:100%;min-height:0;max-height:calc(100dvh - 180px);object-fit:contain}.viewer-caption{display:flex;justify-content:space-between;align-items:center;width:min(100%,1000px);padding-top:20px;gap:20px}.viewer-caption h2{font-size:18px;margin:0}.viewer-caption p{font-size:12px;color:#b2c1b4;margin:5px 0;white-space:pre-wrap}.viewer-caption span{font-size:10px;color:#869b8c}.viewer-caption a{border:1px solid #536557;border-radius:5px;padding:9px 15px;font-size:11px;white-space:nowrap}#close,#prev,#next{position:absolute;background:transparent;color:#e6eee6;border:0;font-size:30px;z-index:2}#close{right:20px;top:12px;font-size:21px}#prev{left:12px;top:45%;font-size:45px}#next{right:12px;top:45%;font-size:45px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #78a386;outline-offset:4px}@media(min-width:1450px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo img{height:230px}}@media(max-width:900px){.timeline{width:86px}.collection-layout{gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column;align-items:flex-start}.photo img{height:230px}.intro{padding:55px 0 40px}}@media(max-width:550px){header{height:76px;margin:0 20px}.header-note{display:none}.logo span{font-size:16px}main{padding:0 20px}.intro h1{font-size:32px}.intro{padding:48px 0 35px}.eyebrow{font-size:7px;letter-spacing:2px}.collection-layout{display:block}.timeline{position:static;width:100%;padding-top:20px;max-height:none}.timeline>span{display:none}#months{display:flex;overflow:auto;gap:14px;white-space:nowrap}.timeline button{margin:0;width:auto;flex:none}.grid{gap:12px}.photo img{height:170px}.photo .caption{display:block;padding:10px 0}.photo strong{display:block;font-size:10px}.photo small{font-size:8px}.date-title{margin:20px 0 13px}.search-controls{width:100%}.search-controls input{width:40%;flex:1}.search-controls button{padding:7px 10px}dialog{padding:50px 35px 25px}#prev{left:0;padding:5px}#next{right:0;padding:5px}.viewer-caption{display:block}.viewer-caption a{display:inline-block;margin-top:13px}footer{display:block;font-size:10px}footer span{display:block;margin-top:8px}#full-image{max-height:calc(100dvh - 260px)}}