:root{--ink:#2b2118;--paper:#f6efe1;--gold:#c9a227;--wine:#8b1e3f;color:var(--ink);background:var(--paper);font-family:Georgia,Times New Roman,serif}body{margin:0;line-height:1.6}.hero{text-align:center;background:radial-gradient(circle at 50% 0%, #fff8e6, var(--paper) 70%);border-bottom:3px double var(--gold);padding:4rem 1rem 3rem}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--wine);font-size:.8rem}h1{font-variant:small-caps;margin:.3rem 0;font-size:clamp(2.5rem,7vw,4.5rem)}.lead{max-width:36rem;margin:0 auto;font-size:1.15rem}main{max-width:64rem;margin:0 auto;padding:2rem 1rem}h2{font-variant:small-caps;color:var(--wine);border-bottom:1px solid var(--gold)}.intro p{max-width:42rem}.frames{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:2rem;display:grid}figure{text-align:center;margin:0}.canvas{aspect-ratio:4/5;background:linear-gradient(135deg, #f3d77a, var(--gold) 40%, #8a6d12);border-radius:.3rem;padding:.8rem;box-shadow:0 .6rem 1.2rem #2b211859}.canvas svg{width:100%;height:100%;display:block;box-shadow:inset 0 0 .6rem #0009}figcaption{margin-top:.8rem;font-size:.95rem}.info ul{padding-left:1.2rem}footer{text-align:center;border-top:3px double var(--gold);padding:2rem 1rem;font-size:.85rem}