:root{--navy:#1a2b3c;--rust:#b95e3a;--sand:#f5f0e8;--ink:#222;--line:#d9cfbf}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,'Times New Roman',serif;color:var(--ink);background:var(--sand)}
a{color:var(--rust)}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.site{background:var(--navy);color:#fff}header.site .wrap{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
header.site a{color:#fff;text-decoration:none;font-family:system-ui,sans-serif;font-size:15px}header.site .brand{font-weight:700;font-size:18px;margin-right:auto}
h1,h2,h3{font-family:Georgia,serif;line-height:1.2;color:var(--navy)}h1{font-size:2.1rem}.hero{padding:44px 0 20px}.hero p{max-width:640px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;padding:0;list-style:none}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.card img{width:100%;display:block;aspect-ratio:8/5;object-fit:cover;object-position:left top}
.card div{padding:12px 16px 16px}.card h3{margin:0 0 4px;font-size:1.1rem}.card p{margin:4px 0;font-size:.95rem}.price{font-family:system-ui,sans-serif;font-weight:700;color:var(--rust)}
.btn{display:inline-block;background:var(--rust);color:#fff;text-decoration:none;padding:10px 18px;border-radius:6px;font-family:system-ui,sans-serif;font-weight:600;margin:4px 6px 4px 0}.btn.secondary{background:var(--navy)}
.prose{max-width:760px;padding-bottom:40px}.prose img{max-width:100%;height:auto;border:1px solid var(--line)}.callout{background:#fff;border-left:5px solid var(--rust);padding:6px 20px;margin:24px 0}
pre{background:#fff;padding:12px;overflow:auto;border:1px solid var(--line)}footer.site{background:var(--navy);color:#cfc7b9;font-family:system-ui,sans-serif;font-size:14px;padding:26px 0;margin-top:40px}footer.site a{color:#fff}
.shots{display:flex;gap:12px;flex-wrap:wrap}.shots img{max-width:220px}.note{font-size:.9rem;color:#555}