:root{--mint:#e8ebdf;--ink:#244d3c;--peach:#d55b41;--paper:#f8f7ef;--muted:#587063}
body{font-family:Georgia,serif;background:var(--paper)}
header{border-bottom:1px solid var(--ink);padding:1rem 4vw;background:var(--paper)}
.brand{font-size:1.5rem;letter-spacing:-.03em}.brand img{width:48px}
.stamp{font-size:.7rem;letter-spacing:.08em}
.intro{grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);min-height:510px;gap:5vw;align-items:center;background:var(--mint);padding:4rem 5vw 5rem}
.intro h1{font-size:clamp(3.7rem,7vw,7rem);line-height:.88;letter-spacing:-.07em;max-width:12ch}
.intro p{font-size:1.2rem;max-width:37ch}
.drop{box-shadow:none;border:1px solid var(--ink);background:var(--paper);padding:2rem;border-radius:28px 28px 3px 3px}
.drop strong{font-family:Arial,sans-serif;letter-spacing:-.02em}
button{border:1px solid var(--ink);border-radius:3px}button.active,.file{background:#a1b87b;color:#183e30}
.collection{background:var(--paper);border-top:0;padding:3rem 5vw 6rem}
.collection h2{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.06em}
.stats{border-block:1px solid var(--ink);justify-content:space-between}
.stat b{font-family:Georgia,serif;font-size:3rem}.specimens{display:block;border-top:1px solid var(--ink)}
.specimen,.specimen:nth-child(3n+2),.specimen:nth-child(3n+3){display:grid;grid-template-columns:130px minmax(160px,1fr) minmax(200px,1.2fr);align-items:center;gap:1rem;min-height:82px;background:none;border:0;border-bottom:1px solid #9cafa1;padding:.7rem .3rem}
.specimen h3{font-family:Arial,sans-serif;font-size:1rem;margin:0}.specimen .number{color:var(--muted)}
.tags span{border-color:#9cafa1;color:var(--muted)}
@media(max-width:760px){.intro{display:block}.drop{margin-top:2rem}.specimen{grid-template-columns:1fr;gap:.2rem;padding:1rem .2rem}.specimen .number{font-size:.62rem}}
