:root{--p:#f1f0e4;--p2:#e6e6d2;--g:#4d6b3c;--g2:#7fa36a;--b:#2b2a22;--ochre:#b8862b}
*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--b);font-family:"Hind",sans-serif;font-size:17px;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:6px 6px}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;border-bottom:1px solid #cfcdb6}
.nm{font-family:"Spectral",serif;font-size:1.5rem;font-weight:600;line-height:1}.nm small{display:block;font-family:"Hind";font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--g)}
.hd{color:var(--g);font-weight:700;text-decoration:none}
.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;padding:7vh 6vw;align-items:center}
.specimen{background:#fbfaf2;border:1px solid #cfcdb6;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);transform:rotate(-1.5deg);position:relative}
.specimen svg{width:100%;height:auto;max-height:360px}
.specimen:before,.specimen:after{content:"";position:absolute;width:60px;height:18px;background:rgba(220,210,170,.8);top:-8px}.specimen:before{left:20px;transform:rotate(-8deg)}.specimen:after{right:20px;transform:rotate(8deg)}
.tag{font-family:"Spectral";font-style:italic;border-top:1px solid #cfcdb6;padding-top:8px;font-size:.9rem}
.sm{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--ochre)}
h1{font-family:"Spectral",serif;font-weight:600;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;margin:.2em 0}
.rt b{font-family:"Spectral";font-size:1.6rem}.rt{color:var(--ochre)}
.btn{display:inline-block;background:var(--g);color:#fff;padding:14px 22px;border-radius:2px;text-decoration:none;font-weight:600}
.idx{padding:7vh 6vw;background:var(--p2)}
.idx h2,.rev h2{font-family:"Spectral";font-size:2.1rem;margin-top:0}
.idx dl{display:grid;grid-template-columns:240px 1fr;margin:0;max-width:900px}
.idx dt{font-family:"Spectral";font-weight:600;font-size:1.2rem;padding:14px 0;border-bottom:1px dotted #9a9a7c}
.idx dd{margin:0;padding:14px 0;border-bottom:1px dotted #9a9a7c}
.rev{padding:8vh 6vw}.sheets{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.sheet{background:#fbfaf2;border:1px solid #cfcdb6;padding:26px;position:relative}
.leaf{position:absolute;right:16px;top:-14px;width:34px;height:52px;background:var(--g2);border-radius:0 100% 0 100%;transform:rotate(30deg);opacity:.8}.l1{background:#a7b86a}.l2{background:#c1a24a}.l3{background:#6c8f5a}
.sheet blockquote{margin:0 0 16px;line-height:1.6}
.label{display:grid;grid-template-columns:1fr auto;border:1px solid var(--b);font-size:.85rem}.label span{grid-column:1/3;border-bottom:1px solid var(--b);padding:3px 8px;font-style:italic;font-family:"Spectral"}.label b,.label i{padding:4px 8px}.label i{color:var(--ochre);font-style:normal}
.src{font-size:.85rem;color:#666}
.area{background:var(--g);color:#fff;padding:7vh 6vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.area h2{font-family:"Spectral";margin:0}.area .btn{background:var(--p);color:var(--g)}
footer{padding:22px;text-align:center;font-size:.85rem}
@media(max-width:860px){.hero{grid-template-columns:1fr}.sheets{grid-template-columns:1fr}.idx dl{grid-template-columns:1fr}.idx dt{border:0;padding-bottom:0}}