@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{--gold:#b28a45;--ink:#22211e;--cream:#f7f5f0;--line:#e4dfd4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}header{padding:22px 5%;background:#191918;color:#edd8af;display:flex;justify-content:space-between;align-items:center;gap:16px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;gap:15px;align-items:center}.brand b{font:42px Georgia;color:#d5ad69;border-right:1px solid #655438;padding-right:18px}.brand span{font-size:13px;letter-spacing:2px}.brand small{display:block;font-size:8px;margin-top:7px;letter-spacing:1px}main{max-width:1280px;margin:auto;padding:48px 5% 130px}.eyebrow{font-size:11px;color:#97713b;letter-spacing:3px;font-weight:700}h1{font:clamp(34px,5vw,58px) 'Playfair Display',Georgia;margin:16px 0}h2{font:28px Georgia}p{line-height:1.7}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center;margin-bottom:38px}.hero p{color:#6b675e}.logo{width:100%;max-width:320px;border-radius:4px;justify-self:end}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:35px;padding:20px 0;margin:20px 0}.stats strong{display:block;font-size:26px}.stats small{color:#777}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0;align-items:center}.toolbar input{margin-left:auto}.tabs button.active{background:#222;color:#f3d8a6}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.photo{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.photo.selected{border:2px solid var(--gold)}.photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e8e4da;cursor:zoom-in}.photo .row{display:flex;align-items:center;justify-content:space-between;padding:10px}.heart{font-size:22px;border:0;background:transparent}.selected .heart{color:#aa7630}.photo textarea{width:calc(100% - 20px);margin:0 10px 10px;min-height:55px;font:inherit;font-size:12px}.dock{position:fixed;bottom:0;left:0;right:0;background:#191918;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}.dock small{display:block;color:#d6bd8a}.button,button{cursor:pointer;border:1px solid var(--line);border-radius:4px;padding:11px 16px;background:white;font:inherit}.button,button.primary{background:var(--gold);border-color:var(--gold);color:white}button:disabled{opacity:.5;cursor:wait}input,textarea,select{border:1px solid var(--line);border-radius:4px;padding:11px;background:white;font:inherit;color:inherit}label{display:grid;gap:7px;font-size:13px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;background:white;padding:25px;border:1px solid var(--line)}.full{grid-column:1/-1}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:13px}.scroll{overflow:auto}td button{padding:7px;margin:3px}#message:not(:empty){padding:14px 5%;background:#f0e4cc;color:#514020}.demo{background:#eae4d8;padding:12px 18px;font-size:13px;border-left:3px solid var(--gold)}dialog{max-width:900px;width:90%;border:0;padding:28px;border-radius:8px}dialog::backdrop{background:#000b}dialog img{max-height:65vh;max-width:100%;display:block;margin:auto}.close{float:right}.welcome{padding-top:110px}.empty{text-align:center;padding:50px;color:#777}.badge{display:inline-block;background:#eee8da;padding:5px 9px;border-radius:20px}.muted{color:#777}.section{margin-top:40px}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.logo{display:none}}@media(max-width:600px){header{padding:16px}.brand small{display:none}header>a:last-child{font-size:12px}main{padding:28px 16px 145px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats{gap:20px}.stats strong{font-size:22px}.dock{padding:13px 16px;flex-wrap:wrap}.form{grid-template-columns:1fr;padding:18px}.full{grid-column:auto}.toolbar input{width:100%}.photo textarea{font-size:14px}h1{font-size:38px}}
.photo-series{grid-column:1/-1;font:26px Georgia;margin:20px 0 6px;padding:18px 0 12px;border-bottom:1px solid var(--line)}