:root{--paper:#f3eee4;--paper-photo:url("img/landing/paper-light.jpg");--page:#141211;--ink:#efe8dc;--ink-deep:#1c1610;--rule:#5a534a;--muted:#a89f91;--content-max:1100px;--gutter:1.25rem}
*{box-sizing:border-box}
html,body{margin:0;background:var(--page);color:var(--ink);font-family:"Iowan Old Style",Palatino,"Palatino Linotype","Times New Roman",serif}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}
.site-head{padding:2.5rem 0 1rem;text-align:center}
.brand-mark{display:block;width:4.25rem;height:4.25rem;margin:0 auto .6rem;object-fit:contain}
.brand-lockup{margin:0;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}
h1{font-weight:400;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.15;letter-spacing:.02em;margin:0 0 1rem}
h2{font-weight:400;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 1rem}
.section-head{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:1.4rem}
.lede{font-size:1.08rem;line-height:1.55;color:var(--muted);max-width:34rem;margin:0 0 1.6rem}
.small{font-size:.8rem;color:var(--muted);letter-spacing:.03em;margin:.8rem 0 0}
.text-link{font-size:.9rem;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule)}
.text-link:hover{color:var(--ink);border-color:var(--ink)}
.frame{background-color:var(--paper);background-image:var(--paper-photo);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule)}
.frame img{mix-blend-mode:multiply;object-fit:contain}
/* Primary CTA: dark button, cream on hover (site pattern) */
a.buy{display:inline-block;background:var(--ink-deep);color:var(--paper);text-decoration:none;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;padding:1rem 1.7rem;border:1px solid var(--ink);transition:background .15s,color .15s}
a.buy:hover,a.buy:focus{background:var(--paper);color:var(--ink-deep);border-color:var(--paper)}
/* Secondary CTA: lighter weight outline */
a.buy-ghost{display:inline-block;background:transparent;color:var(--muted);text-decoration:none;font-size:.82rem;letter-spacing:.08em;padding:.7rem 1.1rem;border:1px solid var(--rule);white-space:nowrap}
a.buy-ghost:hover{color:var(--ink);border-color:var(--ink)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding-top:2rem;padding-bottom:3.5rem}
.hero-art{aspect-ratio:1/1;padding:12%}
.block{padding-top:3.5rem;padding-bottom:3.5rem;border-top:1px solid var(--rule)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.card,.use{margin:0}
.card .frame{aspect-ratio:1/1;padding:12%}
.card figcaption{font-size:.72rem;letter-spacing:.2em;color:var(--muted);text-align:center;margin-top:.5rem}
.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.use .frame{aspect-ratio:4/3;padding:10%}
.use figcaption{font-size:.92rem;line-height:1.45;color:var(--muted);margin-top:.7rem}
.use strong{color:var(--ink);font-weight:500}
.provenance .prov-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;line-height:1.6}
.provenance p,.provenance li{color:var(--muted)}
.provenance ul{padding-left:1.1rem}
.facts{list-style:none;padding:0 !important;margin:0}
.facts li{border-top:1px solid var(--rule);padding:.75rem 0}
.facts li:last-child{border-bottom:1px solid var(--rule)}
.band{text-align:center;padding:3.5rem var(--gutter);border-top:1px solid var(--rule);background:#1a1715}
.sample{text-align:center;max-width:40rem}
.sample h2{font-size:1.3rem}
.sample p{color:var(--muted);line-height:1.5}
.sample-form{display:flex;gap:.6rem;justify-content:center;margin-top:1.2rem;flex-wrap:wrap}
.sample-form input{font:inherit;font-size:.95rem;padding:.65rem .8rem;background:transparent;border:1px solid var(--rule);color:var(--ink);min-width:0;flex:1 1 14rem;max-width:20rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.faq dl{max-width:44rem;margin:0 auto;line-height:1.5}
.faq dt{color:var(--ink);margin-top:1rem}
.faq dd{margin:.2rem 0 0;color:var(--muted)}
.site-foot{border-top:1px solid var(--rule);padding:2rem 1.5rem 3rem;max-width:40rem;margin:0 auto;font-size:.88rem;line-height:1.5;color:var(--muted)}
.site-foot h3{font-weight:500;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
@media (max-width:860px){.hero{grid-template-columns:1fr;gap:1.8rem;text-align:center}.hero .lede{margin-left:auto;margin-right:auto}.hero-art{order:-1;max-width:22rem;width:100%;margin:0 auto;aspect-ratio:4/3}.grid{grid-template-columns:repeat(3,1fr)}.uses{grid-template-columns:repeat(2,1fr)}.provenance .prov-cols{grid-template-columns:1fr;gap:1rem}}
@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.uses{grid-template-columns:1fr 1fr;gap:1rem}a.buy{display:block;padding:1rem .8rem;letter-spacing:.1em}.block{padding-top:2.5rem;padding-bottom:2.5rem}}