*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#2C2924;--tan:#A89880;--muted:#8A7D6D;--dark:#6B645A;--light:#B8B0A4}
body{background:var(--bg);color:var(--tan);font-family:'Lora',serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
.header{max-width:800px;margin:0 auto;padding:24px 32px;border-bottom:1px solid rgba(168,152,128,0.2)}
.logo{font-family:'Lora',serif;font-weight:700;font-size:18px;color:var(--light)}
.container{max-width:800px;margin:0 auto;padding:0 32px}
.hero{text-align:center;padding:80px 0 60px}
h1{font-family:'Lora',serif;font-weight:700;font-size:48px;color:var(--light);letter-spacing:0.01em}
.tagline{font-size:16px;color:var(--muted);margin-top:8px;font-style:italic}
.specimen{padding:40px 0;border-top:1px solid rgba(168,152,128,0.15);opacity:0.4;transition:opacity 0.5s}
.specimen.in-view{opacity:1}
.specimen-label{display:flex;gap:16px;margin-bottom:12px}
.label-id{font-family:'Inter',sans-serif;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;border:1px solid rgba(168,152,128,0.3);padding:2px 8px;border-radius:2px}
.label-type{font-family:'Inter',sans-serif;font-size:11px;color:var(--dark);text-transform:uppercase;letter-spacing:0.06em}
h2{font-family:'Lora',serif;font-weight:700;font-size:28px;color:var(--light);margin-bottom:12px}
p{color:rgba(168,152,128,0.8)}
.footer{max-width:800px;margin:48px auto 0;padding:24px 32px;border-top:1px solid rgba(168,152,128,0.2);display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:12px;color:var(--muted)}
@media(max-width:600px){h1{font-size:36px}h2{font-size:22px}}