*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fbf7f0;color:#45232a;font-family:Arial,sans-serif;font-size:16px}header{max-width:1360px;margin:auto;padding:24px 24px 12px}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:108px;height:65px;object-fit:contain;mix-blend-mode:multiply}.brand span{font-size:12px;letter-spacing:2px;color:#85664f}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,5vw,48px);margin:24px 0;color:#86192b}.search{display:flex;align-items:center;border:1px solid #dccbc4;border-radius:12px;background:white;padding:0 16px;max-width:640px}.search svg{width:22px;height:22px}.search input{border:0;outline:0;background:transparent;padding:17px 12px;width:100%;font:inherit}.search:focus-within{outline:2px solid #86192b;outline-offset:2px}.meta{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-top:24px;color:#755c60}main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1360px;margin:auto;padding:12px 24px 40px}.card{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;min-width:0}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#fffdf7;border-radius:14px;box-shadow:0 5px 20px #54202b12;transition:transform .2s}.card:hover img{transform:translateY(-3px)}.card .caption{display:flex;justify-content:space-between;padding:12px 2px;font-size:14px}.caption span:last-child{color:#86192b}button,a{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #86192b;outline-offset:4px}footer{text-align:center;padding:24px;color:#775d60;line-height:1.8;border-top:1px solid #e7dcd7}footer small{font-size:13px}#empty{text-align:center;padding:60px 20px}dialog{padding:0;border:0;border-radius:18px;width:min(760px,96vw);max-height:96dvh;background:#fffaf3;color:#45232a}dialog::backdrop{background:#261016d9;backdrop-filter:blur(5px)}.toolbar,.navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:10px}.toolbar{position:sticky;top:0;background:#fffaf3;z-index:2;border-bottom:1px solid #e8ddd8}.toolbar button,.navigation button{border:0;background:#f0e5df;border-radius:8px;padding:12px;color:#45232a;min-height:44px}.image-wrap{background:#f5eee4;text-align:center}.image-wrap img{display:block;width:100%;height:auto}.navigation{position:sticky;bottom:0;background:#fffaf3;border-top:1px solid #e8ddd8;font-size:14px}.navigation a{color:#86192b;text-align:center;padding:10px 0}.navigation button:disabled{opacity:.35}#labels{padding:4px 22px 24px;font-size:14px;line-height:1.7}#labels p{margin:10px 0}body.modal-open{overflow:hidden}@media(max-width:950px){main{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(max-width:640px){header{padding:16px 16px 10px}.brand img{width:88px;height:54px}h1{margin:18px 0 20px}.meta{font-size:13px;gap:8px}main{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:10px 12px 28px}.card img{border-radius:9px}.card .caption{font-size:12px;gap:4px}dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.toolbar,.navigation{padding:10px 12px}.image-wrap img{width:100%}.brand span{font-size:11px;letter-spacing:1.6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}