:root{--bg:#111113;--text:#8b8c8f;--strong:#e9e9e7;--ring:#ffffff2e;--focus:#6f93ff;--font:"Instrument Sans", system-ui, sans-serif;--inscription:"Cinzel", Georgia, serif}.light-bg{--text:#3d3e42;--strong:#111113;--ring:#00000040}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}body{font:400 14px/1.5 var(--font)}a{color:inherit}.site{text-align:center;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;padding:22px 24px 0;display:grid}.site>div{grid-column:2}.site h1{font-family:var(--inscription);letter-spacing:.03em;color:var(--strong);margin:0;font-size:26px;font-weight:500;line-height:1.2}.tagline{margin:4px 0 0}.site nav{justify-self:end}.site nav a{text-decoration:none}.site nav a:hover{color:var(--strong)}main{padding:40px 24px 56px}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 32px;display:flex}.filters button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px}.filters button:hover,.filters button[aria-pressed=true]{color:var(--strong)}.search-box{color:var(--text);margin-left:12px;position:relative}.search-box:before{content:"";opacity:.7;pointer-events:none;background:currentColor;width:14px;height:14px;position:absolute;top:50%;left:2px;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='6.8' cy='6.8' r='5'/%3E%3Cpath d='M10.5 10.5 15 15'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='6.8' cy='6.8' r='5'/%3E%3Cpath d='M10.5 10.5 15 15'/%3E%3C/svg%3E") 50%/contain no-repeat}.filters .search{border:0;border-bottom:1px solid color-mix(in srgb, var(--text) 35%, transparent);width:190px;color:var(--strong);font:inherit;background:0 0;outline:none;padding:6px 2px 6px 24px}.filters .search::placeholder{color:var(--text);opacity:.6}.filters .search:focus{border-bottom-color:var(--text)}.filters .search::-webkit-search-cancel-button{filter:grayscale();opacity:.5}.empty{text-align:center;margin:48px 0}.empty[hidden]{display:none}.filters.sub{margin-top:-24px;font-size:.9em}.filters.sub[hidden],.gallery>li[hidden]{display:none}.gallery{grid-template-columns:repeat(5,1fr);gap:24px 20px;margin:0;padding:0;list-style:none;display:grid}.card{border-radius:10px;text-decoration:none;display:block}.card .thumb{aspect-ratio:1}.card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover img{transform:scale(1.03)}.card h2{text-align:center;text-wrap:balance;font-family:var(--inscription);letter-spacing:.04em;color:var(--strong);margin:10px 0 0;font-size:15px;font-weight:500}@media (width<=1100px){.gallery{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.site{padding:18px 16px 0}main{padding:28px 16px calc(32px + env(safe-area-inset-bottom))}.gallery{grid-template-columns:1fr 1fr;gap:14px}.card h2{font-size:13px}}
