@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Serif+SC:wght@500;700&display=swap');
:root{--ink:#24211f;--muted:#827a72;--paper:#f5f1eb;--line:#d9d0c5;--accent:#ad5d4b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans SC',sans-serif}.hero{max-width:1400px;margin:auto;padding:76px 5vw 42px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.2em;margin:0 0 18px}h1{font:700 clamp(46px,8vw,110px)/.95 'Noto Serif SC',serif;letter-spacing:-.08em;margin:0 0 20px}.intro{color:var(--muted);font-size:16px;margin:0 0 44px}.filters{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}.filters button{color:var(--muted);background:none;border:0;cursor:pointer;font:500 13px inherit;padding:7px 0;margin-right:18px}.filters button.active{color:var(--ink)}main{max-width:1400px;padding:0 5vw 80px;margin:auto}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{grid-column:span 4;margin:0;cursor:pointer}.card:nth-child(7n+1),.card:nth-child(7n+5){grid-column:span 6}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e5ded5;transition:transform .4s,filter .4s}.card:hover img{transform:translateY(-4px);filter:saturate(1.05)}.card figcaption{display:flex;justify-content:space-between;padding:10px 2px 0;color:var(--muted);font-size:11px}.lightbox{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(28,25,22,.94);padding:5vh 8vw}.lightbox[hidden]{display:none}.lightbox figure{margin:0;max-width:min(90vw,1100px);max-height:90vh;text-align:center}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain}.lightbox figcaption{color:#e9e2d8;font-size:12px;margin-top:12px}.lightbox button{position:absolute;border:0;color:white;background:none;cursor:pointer;font-size:48px;line-height:1}.close{top:22px;right:30px;font-size:38px!important}.prev{left:3vw}.next{right:3vw}@media(max-width:700px){.hero{padding-top:48px}.gallery{gap:12px}.card,.card:nth-child(7n+1),.card:nth-child(7n+5){grid-column:span 6}.card figcaption{font-size:10px}.lightbox{padding:8vh 4vw}.prev{left:4px}.next{right:4px}}
 .download-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 0 8px;color:var(--muted);font-size:12px}.download-bar button{color:var(--muted);background:none;border:1px solid var(--line);cursor:pointer;font:500 13px inherit;padding:8px 12px;margin:0;border-radius:999px}.download-bar button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.download-bar button:disabled{cursor:not-allowed;opacity:.45}.card{position:relative}.card-check{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.card-download{color:var(--accent);text-decoration:none;margin-left:auto;margin-right:10px}
 .lightbox-download{display:inline-block;color:#f5eee5;border:1px solid rgba(245,238,229,.55);border-radius:999px;padding:8px 14px;margin-top:12px;text-decoration:none;font-size:12px}.lightbox-download:hover{border-color:#fff;background:rgba(255,255,255,.1)}
 .topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:18px;overflow-x:auto;background:rgba(245,241,235,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:8px 0}.topbar .filters{flex:0 0 auto;border:0;padding:0;flex-wrap:nowrap}.topbar .filters button{white-space:nowrap;margin-right:14px}.topbar .download-bar{flex:0 0 auto;border:0;padding:0;white-space:nowrap}.topbar .download-bar button{white-space:nowrap}
 .topbar{padding-left:5vw;padding-right:5vw}.card-check{width:1em;height:1em;font-size:inherit;vertical-align:middle}
body .topbar{padding-left:5vw!important;padding-right:5vw!important}body .gallery .card-check{width:11px!important;height:11px!important;font-size:11px!important;vertical-align:middle}
body .topbar{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important}body .topbar .filters,body .topbar .download-bar{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:max-content!important;margin:0!important}
body .topbar{display:block!important;overflow-x:auto!important;padding-top:8px!important;padding-bottom:8px!important}body .topbar .filters{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;margin:0!important;padding:0 0 4px!important}body .topbar .download-bar{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;margin:4px 0 0!important;padding:6px 0 0!important;border-top:1px solid var(--line)!important}
body .topbar{padding:0!important;overflow:hidden!important}body .topbar-inner{max-width:1400px;width:100%;margin:0 auto;padding:8px 5vw;box-sizing:border-box;overflow-x:auto}body .topbar-inner .filters{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;margin:0!important;padding:0 0 4px!important}body .topbar-inner .download-bar{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;margin:4px 0 0!important;padding:6px 0 0!important;border-top:1px solid var(--line)!important}
body .topbar{border-bottom:0!important}
