:root{--ink:#29372e;--green:#405a43;--paper:#f6f5ef;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 15px}button:hover{background:#e7eadf}a{color:inherit}header{padding:24px 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-size:25px;letter-spacing:4px;font-weight:700}.brand span{font-size:12px;letter-spacing:1px;font-weight:400}header button{font-size:12px;border:0}main{max-width:1700px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;gap:40px;padding:60px 0 54px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}h1{font:normal clamp(38px,4.6vw,72px)/1.06 Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 span{color:#b27e51}.lead{color:#747b70;line-height:1.8}.cover{width:40%;max-width:510px;position:relative;height:280px;overflow:hidden;border-radius:110px 4px 4px 4px}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.cover div{position:absolute;bottom:0;padding:13px 20px;background:#29372ee8;color:white;width:100%;font-size:10px;letter-spacing:1px}.cover a{margin-left:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.tabs{display:flex;gap:20px}.tabs button{border:0;border-radius:0;padding:17px 0;color:#788074;white-space:nowrap}.tabs .active{border-bottom:2px solid var(--green);color:var(--ink)}.search{display:flex;gap:6px;align-items:center}.search input{border:0;background:transparent;padding:10px;width:220px;color:var(--ink)}#categories{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 15px}#categories button{border-radius:30px;font-size:12px;padding:8px 13px}#categories .active{background:var(--green);color:white;border-color:var(--green)}.meta{display:flex;justify-content:space-between;gap:12px;color:#83897d;font-size:11px;margin:10px 0 22px}#grid{columns:4;column-gap:20px}.card{break-inside:avoid;margin:0 0 22px;background:#fff;border-radius:8px;overflow:hidden;position:relative;border:1px solid #e7e7df}.photo{display:block;padding:0;border:0;width:100%;border-radius:0;background:#e7e6df}.photo img{width:100%;height:auto;max-height:350px;object-fit:cover;object-position:top;display:block;transition:filter .2s}.photo:hover img{filter:brightness(.93)}.card-info{padding:14px 15px 16px}.card small{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#87907f}.card h3{font-weight:500;font-size:14px;margin:5px 0 0}.heart{position:absolute;right:10px;top:10px;border:0;border-radius:50%;background:#ffffffeb;width:34px;height:34px;padding:0;font-size:20px;color:var(--green)}.heart.on{background:var(--green);color:white}.badge{font-size:10px;color:#738263;display:block;margin-top:7px}.card-note{font-size:11px;color:#84877f;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}footer{font-size:11px;color:#929889;border-top:1px solid var(--line);padding:28px 0 36px;margin-top:30px;line-height:1.8}dialog{border:0;border-radius:12px;padding:0;width:min(1120px,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}dialog[open]{display:grid;grid-template-columns:58% 42%}dialog::backdrop{background:#15241cba;backdrop-filter:blur(5px)}.detail-image{background:#e6e7df;display:flex;align-items:center;justify-content:center;min-height:500px}.detail-image img{max-width:100%;max-height:88vh;object-fit:contain}.detail-info{padding:50px 30px 30px}.detail-info h2{font:normal 29px/1.2 Georgia,serif}.close{position:absolute;right:12px;top:10px;font-size:25px;border:0;background:#f6f5efdd;padding:0 9px}.actions{display:flex;gap:8px;margin:20px 0}.actions button{font-size:12px}.actions .on{background:var(--green);color:white}.detail-info label{display:block;font-size:12px;margin:18px 0}.detail-info textarea{display:block;width:100%;height:140px;padding:12px;background:white;border:1px solid var(--line);border-radius:5px;margin-top:8px;resize:vertical}.detail-info select{display:block;width:100%;margin-top:8px;padding:8px;border:1px solid var(--line);background:white}.detail-info a{font-size:12px}.paging{display:flex;justify-content:space-between;margin-top:26px}.paging button{font-size:11px}#saved{font-size:10px;color:#6a7d60;min-height:15px}#empty{padding:60px 20px;text-align:center;color:#83897d}@media(min-width:1500px){#grid{columns:5}}@media(max-width:1000px){#grid{columns:3}.toolbar{flex-wrap:wrap;gap:0}.search{padding:8px 0}.intro{padding-top:35px}.cover{height:240px}dialog[open]{grid-template-columns:55% 45%}}@media(max-width:650px){header{padding:16px 5%;align-items:flex-start}.brand{font-size:20px}.brand span{display:block;font-size:9px;letter-spacing:1px}header>div{display:flex;flex-direction:column}header button{padding:3px 0;font-size:10px}main{padding:0 5%}.intro{gap:14px;padding-bottom:25px}.cover{width:33%;height:200px;border-radius:60px 4px 4px 4px}.cover div{display:none}h1{font-size:37px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.1px}.lead{font-size:11px}#grid{columns:2;column-gap:12px}.tabs{gap:15px;width:100%;overflow:auto}.tabs button{font-size:12px}.search input{width:260px}.meta>span:last-child{display:none}.card-info{padding:11px}.card h3{font-size:12px}.card small{font-size:8px}.photo img{max-height:260px}#categories{gap:6px}#categories button{font-size:10px;padding:7px 10px}dialog[open]{display:block}.detail-image{min-height:0}.detail-image img{max-height:60vh}.detail-info{padding:20px}.detail-info h2{font-size:25px}.close{position:fixed;top:5vh;right:6vw}}

.reference-note{font-size:12px;color:#76806e;line-height:1.6}