:root{--bg:#f6f4ef;--fg:#201d1a;--line:#d8d0c2;--muted:#5d554b;--muted2:#776a59;--paper:#f9f7f2;--tan:#ebe5da;--green:#1f3f3c;--green2:#2d5a55;--rust:#a94f35;--rust2:#8f432e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{border-bottom:1px solid var(--line);background:rgba(246,244,239,.95)}.nav{max-width:1280px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:18px;font-weight:700}.navlinks{display:flex;gap:8px;align-items:center}.btn{display:inline-block;border:1px solid #8b806f;padding:11px 14px;font-weight:600;background:transparent}.btn:hover{background:var(--tan)}.btn.primary{border-color:var(--green);background:var(--green);color:white}.btn.primary:hover{background:var(--green2)}.btn.rust{border-color:var(--rust);background:var(--rust);color:white}.btn.rust:hover{background:var(--rust2)}.hero{max-width:1280px;margin:0 auto;padding:32px 20px 40px;display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted2);font-size:14px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:22px 0 20px;max-width:780px}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-img,.product-img{position:relative;overflow:hidden;border:1px solid #c6baa6;background:#dfd7c9}.hero-img{aspect-ratio:16/11}.hero-img img,.product-img img,.product-img video{width:100%;height:100%;object-fit:cover;display:block}.gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--tan)}.wrap{max-width:1280px;margin:0 auto;padding:40px 20px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:24px}.section-head h2{font-size:34px;margin:0}.section-head p{color:var(--muted);margin:8px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #c6baa6;background:var(--paper)}.product-img{aspect-ratio:4/3}.card-body{padding:20px}.title-row{display:flex;gap:16px;align-items:start;justify-content:space-between}.title-row h3{font-size:22px;margin:0}.price{white-space:nowrap;color:var(--rust);font-size:20px;font-weight:700}.desc{color:var(--muted);line-height:1.6;font-size:14px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:14px}.details dt{color:var(--muted2)}.details dd{margin:5px 0 0;font-weight:700}.card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.tag{color:var(--muted2);font-size:14px}.stack{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.stack h2{font-size:34px;margin-top:0}.stack p{color:var(--muted);line-height:1.7}.stack ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}.stack li{border:1px solid var(--line);background:rgba(255,255,255,.45);padding:16px;line-height:1.6;font-size:14px}.panel{max-width:920px;margin:32px auto;padding:0 20px}.box{border:1px solid #c6baa6;background:var(--paper);padding:24px}.box h1{margin-top:0}.field{display:grid;gap:6px;margin:14px 0}.field input,.field textarea,.field select{padding:12px;border:1px solid #bdb3a3;background:white;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{background:#fff7df;border:1px solid #e1c777;padding:12px;line-height:1.5}.small{font-size:13px;color:var(--muted)}pre{white-space:pre-wrap;background:#201d1a;color:white;padding:14px;overflow:auto}@media(max-width:800px){.hero,.stack{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.stack ul,.row{grid-template-columns:1fr}.nav{align-items:flex-start;gap:14px;flex-direction:column}}
.navlinks a:not(.btn){font-size:14px;color:var(--muted);padding:10px 6px}.navlinks a:not(.btn):hover{color:var(--fg)}.category{margin:0 0 5px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted2)}.zh-title{display:block;margin-top:4px;color:var(--muted2);font-size:13px}.mini-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0 0}.mini-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:#ddd}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.split h2{font-size:34px;margin:0 0 14px}.split p{line-height:1.7;color:var(--muted)}.feature-list{display:grid;gap:12px}.feature-list div{border:1px solid var(--line);background:rgba(255,255,255,.5);padding:18px}.feature-list strong{display:block;margin-bottom:8px}.feature-list span{color:var(--muted);line-height:1.6}.stack code{background:rgba(255,255,255,.7);padding:2px 5px;border:1px solid var(--line)}.artwork-card .product-img{background:#111}.artwork-card .desc{min-height:68px}@media(max-width:800px){.split{grid-template-columns:1fr}.navlinks{flex-wrap:wrap}.mini-gallery{grid-template-columns:repeat(4,1fr)}}
.image-button{border:0;padding:0;cursor:zoom-in;width:100%;display:block}.image-button:focus-visible,.mini-img:focus-visible{outline:3px solid var(--rust);outline-offset:2px}.mini-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-img{border:0;background:transparent;padding:0;cursor:zoom-in;display:block}.mini-img img{display:block}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(12,10,8,.92);display:grid;grid-template-rows:1fr auto;place-items:center;padding:32px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(96vw,1300px);max-height:82vh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.45)}.lightbox p{color:#f6f4ef;margin:16px 0 0;font-weight:700}.lightbox-close{position:absolute;top:18px;right:22px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.35);color:white;font-size:34px;line-height:1;width:48px;height:48px;cursor:pointer}.modal-open{overflow:hidden}.artwork-card .product-img img{object-fit:cover}.mini-gallery img{object-fit:cover}@media(max-width:800px){.lightbox{padding:18px}.lightbox img{max-height:76vh}}