@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap");:root{--ink:#2d342f;--muted:#74786f;--paper:#f5f1e8;--cream:#fbfaf6;--rust:#a35139;--line:#ded9cd;--sage:#727b69}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button,input{font:inherit}a,button{cursor:pointer}.wordmark{font-family:Libre Caslon Display,serif;font-size:30px;color:var(--ink);text-decoration:none;letter-spacing:-1px}.wordmark span{color:var(--rust)}.landing{min-height:100vh;background:linear-gradient(90deg,var(--cream) 0 64%,#e9e1d3 64%);position:relative;overflow:hidden;padding:34px 6vw 24px}.landing-nav{display:flex;justify-content:space-between;align-items:center}.quiet-link,.text-link{color:var(--ink);text-underline-offset:5px}.quiet-link{font-size:14px}.hero{max-width:700px;margin-top:16vh}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--rust);font-weight:600;margin:0 0 20px}.hero h1,.page-content h2{font-family:Libre Caslon Display,serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(52px,6vw,88px);line-height:.98;margin:0}.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:570px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.primary{border:0;background:var(--rust);color:white;border-radius:3px;padding:14px 21px;font-weight:600;box-shadow:0 5px 18px #a3513922}.primary:hover{background:#8d4431}.primary span{margin-left:18px}.hero-stamp{position:absolute;right:7vw;top:24vh;transform:rotate(2deg)}.collector-card{width:330px;background:#fffdf8;padding:28px;box-shadow:0 25px 70px #5e51432b;border:1px solid #ded5c5}.collector-card>p{font-size:10px;letter-spacing:.18em;color:var(--rust)}.collector-card>strong{font-family:Libre Caslon Display;display:block;font-size:62px}.collector-card>span{font-size:13px;color:var(--muted)}.mini-row{display:flex;margin-top:26px;gap:8px}.mini-row .stamp-art{width:78px;height:96px}.mini-row .stamp-country{font-size:6px}.mini-row .stamp-portrait{font-size:27px}.mini-row .stamp-art strong{font-size:12px}.landing-footer{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.stamp-art{position:relative;width:100%;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:9px dotted #f6f1e7;outline:1px solid #c9c0af}.stamp-art.rose{background:#a76268;color:#f7e7df}.stamp-art.teal{background:#547775;color:#e6e0c7}.stamp-art.sand{background:#b49263;color:#f5ead3}.stamp-country{position:absolute;top:9px;font-size:9px;letter-spacing:.13em}.stamp-portrait{font-size:65px;opacity:.72}.stamp-art strong{position:absolute;bottom:8px;right:10px;font-family:Libre Caslon Display;font-size:25px}.app-shell{display:flex;min-height:100vh;background:#f8f7f3}.sidebar{position:fixed;width:238px;height:100vh;background:#eeeadf;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:44px}.logo-button{background:transparent;border:0;text-align:left;padding:0 11px}.menu-label{font-size:9px;letter-spacing:.16em;color:#99978f;padding:0 12px}.nav-item{width:100%;border:0;background:transparent;padding:11px 12px;display:flex;gap:12px;color:#62675f;text-align:left;border-radius:4px}.nav-item span{flex:1 1}.nav-item b{font-size:11px;background:#ded9cd;padding:2px 7px;border-radius:10px}.nav-item.active{background:#ded9cd;color:var(--ink);font-weight:600}.profile{margin-top:auto;border-top:1px solid var(--line);padding:18px 5px 0;display:flex;align-items:center;gap:10px}.profile>span{background:var(--sage);color:white;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px}.profile p{display:flex;flex-direction:column;margin:0;flex:1 1;font-size:12px}.profile small{color:var(--muted)}.profile button{border:0;background:transparent}.content{margin-left:238px;width:calc(100% - 238px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 5vw;gap:10px;background:#fbfaf7}.search{margin-right:auto;border:1px solid var(--line);background:white;border-radius:4px;padding:9px 13px;width:330px;color:#999}.search input{border:0;outline:0;width:90%;background:transparent;margin-left:7px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:50%;color:var(--muted)}.page-content{padding:54px 5vw}.title-row{display:flex;justify-content:space-between;align-items:flex-end}.page-content h2{font-size:48px;margin:0}.title-row p:last-child,.upload-page>p{color:var(--muted)}.filter-row{display:flex;gap:8px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.filter-row button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:3px;color:#5f655e}.filter-row .view-toggle{margin-left:auto}.stamp-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:18px;gap:18px;margin-top:24px}.stamp-card{background:white;border:1px solid var(--line);padding:14px}.stamp-card>div:last-child{padding:13px 3px 4px}.stamp-card p{font-size:10px;color:var(--rust);text-transform:uppercase;letter-spacing:.12em}.stamp-card h3{font-family:Libre Caslon Display;font-size:20px;margin:6px 0}.stamp-card span{font-size:12px}.stamp-card small{display:block;color:#697866;font-size:10px;margin-top:13px}.add-card{min-height:306px;background:transparent;border:1px dashed #c6c0b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.add-card>span{font-size:24px}.add-card strong{color:var(--ink)}.notice{background:#eee5d4;border-left:3px solid var(--rust);padding:12px 15px;margin:20px 0;font-size:13px}.upload-page{max-width:900px}.back{border:0;background:transparent;color:var(--muted);margin-bottom:45px;padding:0}.upload-page>p{max-width:650px;line-height:1.6}.dropzone{margin-top:35px;border:1px dashed #aaa495;background:white;padding:65px 30px;text-align:center}.dropzone>span{font-size:42px;color:var(--rust)}.dropzone h3{font-family:Libre Caslon Display;font-size:25px;margin:14px 0 4px}.dropzone p,.dropzone small{display:block;color:var(--muted)}.dropzone .primary{margin:16px}.tips{margin-top:20px;display:flex;gap:26px;font-size:12px;color:var(--muted)}.tips strong{color:var(--ink);margin-right:auto}@media(max-width:980px){.landing{background:var(--cream)}.hero{margin-top:12vh}.hero-stamp{display:none}.stamp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.landing{padding:24px}.hero h1{font-size:49px}.landing-footer{left:24px;right:24px}.sidebar{width:70px;padding:24px 8px}.sidebar .wordmark{font-size:0}.sidebar .wordmark:after{content:"DS";font-size:25px;color:var(--rust)}.nav-item b,.nav-item span,.profile button,.profile p,.sidebar .menu-label{display:none}.nav-item{justify-content:center;font-size:18px}.content{margin-left:70px;width:calc(100% - 70px)}.topbar{padding:0 18px}.search{width:100%}.page-content{padding:38px 20px}.page-content h2{font-size:38px}.title-row{align-items:flex-start;gap:20px}.title-row .primary{font-size:0;padding:12px}.title-row .primary:first-letter{font-size:18px}.filter-row{overflow:auto}.stamp-grid{grid-template-columns:1fr}.tips{flex-direction:column;gap:8px}.landing-footer span:last-child{display:none}}