:root{--bg: #fdfcfa;--bg-soft: #f4f0e9;--text: #1a1712;--text-dim: #7a7163;--line: rgba(26, 23, 18, .14);--accent: #b64a26;--serif: "Fraunces", georgia, serif;--sans: "Instrument Sans", system-ui, sans-serif;--pad: clamp(1.25rem, 4vw, 4rem)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E")}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:#fff}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05}.kicker{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.rule{border:none;border-top:1px solid var(--line)}.header{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:1rem;padding:1.15rem var(--pad);background:var(--bg);border-bottom:1px solid var(--line)}.header nav:last-child{justify-self:end}.header .wordmark{font-family:var(--serif);font-size:1.15rem;letter-spacing:.02em}.header .wordmark em{color:var(--accent);font-style:italic}.header nav{display:flex;gap:1.6rem;align-items:baseline}.header nav a,.header nav button{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);transition:color .25s;position:relative}.header nav a:hover,.header nav a.active,.header nav button:hover{color:var(--text)}.header nav .count{color:var(--accent);font-variant-numeric:tabular-nums}.wall-hero{position:relative;min-height:100svh;padding-top:3.6rem;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.95),transparent 55%),radial-gradient(80% 60% at 50% 30%,rgba(255,252,245,.5),transparent 70%),linear-gradient(160deg,#faf8f4,#f0ece3 55%,#e5dfd3)}.wall-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(to bottom,#1a17120f,#1a171203 30%,#f6f3ee 32%,#eceade);pointer-events:none}.wall{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:4.5rem var(--pad) 7rem;z-index:1}.hung{position:relative}.hung .lightbar{position:absolute;bottom:calc(100% + 2.4rem);left:50%;transform:translate(-50%);width:78%;height:7px;border-radius:4px;background:linear-gradient(#fff,#ddd8ce);box-shadow:0 1px 3px #1a17122e}.hung .lightbar:before,.hung .lightbar:after{content:"";position:absolute;bottom:100%;width:1px;height:3.2rem;background:#1a171229}.hung .lightbar:before{left:18%}.hung .lightbar:after{right:18%}.hung img{display:block;box-shadow:0 2px 5px #1a171238,0 22px 45px -8px #1a171247,0 55px 90px -30px #1a171240}.hung:before{content:"";position:absolute;left:50%;top:-2rem;transform:translate(-50%);width:130%;height:60%;background:radial-gradient(60% 100% at 50% 0%,rgba(255,253,247,.3),transparent 70%);pointer-events:none;z-index:2}.wall-center{position:relative;z-index:2;height:min(62svh,40rem);width:auto}.wall-center img{height:100%;width:auto;max-width:78vw;object-fit:contain}.wall-center:after{content:"";position:absolute;left:8%;right:8%;bottom:-2.2rem;height:1.4rem;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(26,23,18,.22),transparent 70%);filter:blur(4px);pointer-events:none}.wall-center .canvas-title{position:absolute;left:1.2rem;bottom:1rem;z-index:3;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}.wall-side{position:absolute;top:50%;transform:translateY(-58%);height:min(46svh,30rem);opacity:.9;z-index:1}.wall-side.left{left:calc(-1*min(6rem,6vw))}.wall-side.right{right:calc(-1*min(6rem,6vw))}.wall-side img{height:100%;width:auto;max-width:30vw;object-fit:contain;box-shadow:0 2px 4px #1a17122e,0 18px 38px -10px #1a17123d}.filmstrip{position:relative;z-index:3;align-self:center;max-width:min(60rem,calc(100vw - 2 * var(--pad)));margin-bottom:2.2rem;display:flex;gap:4px;padding:6px;background:#fff;box-shadow:0 4px 18px #1a171224;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.filmstrip button{flex:0 0 auto;width:2.6rem;height:3.2rem;padding:0;overflow:hidden;opacity:.55;transition:opacity .3s;scroll-snap-align:center}.filmstrip button img{width:100%;height:100%;object-fit:cover}.filmstrip button:hover{opacity:.85}.filmstrip button.on{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}.hero-intro{padding:clamp(4rem,9vw,7rem) var(--pad) 0}.hero-intro .kicker{margin-bottom:1.4rem}.hero-title{font-size:clamp(3.2rem,9vw,7.5rem);letter-spacing:-.02em;margin-bottom:1.6rem}.hero-title em{font-style:italic;color:var(--accent)}.hero-sub{max-width:34rem;color:var(--text-dim);font-size:1.05rem;margin-bottom:2.4rem}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.36s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade{animation:fadeIn 1.2s ease both}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.7rem;border:1px solid var(--text);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}.btn:hover{background:var(--text);color:var(--bg)}.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}.btn.solid:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.btn.ghost{border-color:var(--line);color:var(--text-dim)}.btn.ghost:hover{border-color:var(--text);color:var(--text);background:none}.btn[disabled]{opacity:.4;pointer-events:none}.section{padding:clamp(4rem,10vw,8rem) var(--pad)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-title{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.01em}.section-title em{font-style:italic;color:var(--accent)}.prose{max-width:40rem;color:var(--text-dim)}.prose p+p{margin-top:1.2em}.prose strong{color:var(--text);font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3.5rem 2.5rem}.card{position:relative}.card a{display:block}.card .frame{position:relative;background:var(--bg-soft);overflow:hidden;aspect-ratio:4 / 5;box-shadow:0 1px 3px #1a17122e,0 14px 30px -10px #1a171238;transition:box-shadow .5s,transform .5s cubic-bezier(.2,.7,.2,1)}.card .frame.landscape{aspect-ratio:5 / 4}.card:hover .frame{transform:translateY(-4px);box-shadow:0 2px 5px #1a171233,0 24px 45px -12px #1a171247}.card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}.card:hover img{transform:scale(1.04)}.card .meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.9rem}.card .title{font-family:var(--serif);font-size:1.25rem}.card .num{font-size:.7rem;letter-spacing:.16em;color:var(--text-dim)}.card .price{font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.card .save{position:absolute;top:.8rem;right:.8rem;z-index:2;width:2.2rem;height:2.2rem;display:grid;place-items:center;background:#fdfcfad9;color:var(--text);border-radius:50%;box-shadow:0 1px 4px #1a171226;opacity:0;transition:opacity .3s,background .3s;font-size:1rem;line-height:1}.card:hover .save,.card .save.on{opacity:1}.card .save.on{background:var(--accent);color:#fff}.card.sold img{filter:saturate(.35) brightness(1.05)}.card.sold .price{color:var(--accent)}.card .badge{position:absolute;left:.8rem;bottom:.8rem;z-index:2;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--accent);padding:.3rem .6rem}@media(min-width:900px){.grid.offset>*:nth-child(3n+2){transform:translateY(2.5rem)}}.filters{display:flex;flex-wrap:wrap;gap:1.4rem;margin-bottom:2.8rem;align-items:baseline}.filters button{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding-bottom:.2rem;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.filters button:hover{color:var(--text)}.filters button.on{color:var(--text);border-color:var(--accent)}.filters .spacer{flex:1}.filters select{background:none;border:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:.78rem;padding:.4rem .7rem}.detail{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:calc(var(--pad) + 4.5rem) var(--pad) var(--pad);min-height:100svh;background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.85),transparent 60%),linear-gradient(165deg,#faf8f4,#f2eee6 70%,#ece7dd)}.detail .close{position:absolute;top:5.4rem;right:var(--pad);z-index:5;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--text-dim);transition:color .25s}.detail .close:hover{color:var(--text)}.detail-art{position:sticky;top:7.5rem;align-self:start;padding-top:3.4rem;text-align:center}.detail-art .hung{display:inline-block;max-width:100%}.detail-art img{max-width:100%;max-height:66vh;object-fit:contain}.detail-art .specline{margin-top:2.2rem;text-align:center;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.detail-art .specline strong{display:block;font-family:var(--serif);font-weight:400;font-size:.85rem;letter-spacing:.22em;color:var(--text);margin-bottom:.35rem}.detail-info{max-width:30rem}.detail-info .kicker{margin-bottom:1rem}.detail-title{font-size:clamp(2.2rem,4.5vw,3.6rem);margin-bottom:1.2rem}.detail-price{font-size:1.3rem;font-family:var(--serif);margin-bottom:1.8rem}.detail-price .left{font-size:.75rem;font-family:var(--sans);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-left:.9rem}.spec{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--line);font-size:.88rem}.spec dt{color:var(--text-dim)}.spec-list{margin:1.6rem 0 2rem;border-bottom:1px solid var(--line)}.actions{display:flex;flex-direction:column;gap:.7rem}.actions .row{display:flex;gap:.7rem}.actions .row>*{flex:1;justify-content:center}.copies{margin:1.6rem 0 2rem}.copies .kicker{margin-bottom:.8rem}.copies table{width:100%;border-collapse:collapse;font-size:.85rem}.copies tr{border-top:1px solid var(--line);cursor:pointer;transition:background .2s}.copies tr:last-child{border-bottom:1px solid var(--line)}.copies tr:hover{background:#1a171208}.copies tr.on{background:#b64a2612}.copies tr.on .cid{color:var(--accent)}.copies tr.gone{cursor:default;color:var(--text-dim)}.copies tr.gone:hover{background:none}.copies td{padding:.6rem .5rem;vertical-align:top}.copies .cid{font-family:var(--serif);white-space:nowrap}.copies .cnotes{color:var(--text-dim);font-size:.78rem}.copies .cprice{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.detail-art{position:relative}.detail-art .flourish{position:absolute;top:.4rem;left:50%;transform:translate(-50%) rotate(-6deg);z-index:4;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(4rem,9vw,8rem);line-height:1;color:var(--accent);opacity:.85;pointer-events:none;mix-blend-mode:multiply;animation:flourishFade linear both;animation-timeline:scroll();animation-range:0 40vh}@keyframes flourishFade{0%{opacity:.85}to{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.detail-art .flourish{animation:none}}.variants{margin:1.6rem 0}.variants .kicker{margin-bottom:.8rem}.variant-row{display:flex;gap:.7rem;flex-wrap:wrap}.variant-row a{width:4.2rem;border:1px solid var(--line);padding:3px;transition:border-color .25s}.variant-row a:hover,.variant-row a.on{border-color:var(--accent)}.variant-row img{aspect-ratio:4/5;object-fit:cover}.variant-row .vlabel{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:.3rem;text-align:center}.drawer-veil{position:fixed;inset:0;z-index:50;background:#0a080699;animation:fadeIn .3s ease both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(26rem,100vw);background:var(--bg-soft);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.2,.7,.2,1) both}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}.drawer header{display:flex;justify-content:space-between;align-items:baseline;padding:1.4rem 1.6rem;border-bottom:1px solid var(--line)}.drawer header h3{font-size:1.3rem}.drawer .items{flex:1;overflow-y:auto;padding:1rem 1.6rem}.drawer .item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:center}.drawer .item img{width:3.6rem;aspect-ratio:4/5;object-fit:cover}.drawer .item.gone{opacity:.45}.drawer .item .t{font-family:var(--serif);font-size:1rem}.drawer .item .p{font-size:.8rem;color:var(--text-dim)}.drawer .item button{margin-left:auto;color:var(--text-dim);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.drawer .item button:hover{color:var(--accent)}.drawer footer{padding:1.4rem 1.6rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem}.drawer .total{display:flex;justify-content:space-between;font-family:var(--serif);font-size:1.15rem;margin-bottom:.4rem}.drawer .note{font-size:.75rem;color:var(--text-dim)}.modal-veil{position:fixed;inset:0;z-index:55;background:#0a0806b3;display:grid;place-items:center;padding:1.5rem;animation:fadeIn .25s ease both}.modal{width:min(30rem,100%);max-height:90svh;overflow-y:auto;background:var(--bg-soft);border:1px solid var(--line);padding:2.2rem;animation:rise .4s cubic-bezier(.2,.7,.2,1) both}.modal h3{font-size:1.6rem;margin-bottom:.4rem}.modal .sub{font-size:.85rem;color:var(--text-dim);margin-bottom:1.6rem}.field{margin-bottom:1.1rem}.field label{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem}.field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;font-size:.95rem;padding:.7rem .9rem}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.modal .row{display:flex;gap:.7rem;margin-top:1.4rem}.modal .row .btn{flex:1;justify-content:center}.form-ok{padding:2rem 0;text-align:center;font-family:var(--serif);font-size:1.2rem}.footer{border-top:1px solid var(--line);padding:3.5rem var(--pad);display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;font-size:.85rem;color:var(--text-dim)}.footer .wordmark{font-family:var(--serif);font-size:1.4rem;color:var(--text);margin-bottom:.9rem}.footer h4{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);margin-bottom:.9rem;font-family:var(--sans);font-weight:600}.footer a{display:block;padding:.15rem 0;transition:color .25s}.footer a:hover{color:var(--text)}.footer .fine{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:1.4rem;font-size:.72rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.empty{padding:5rem 0;text-align:center;color:var(--text-dim);font-family:var(--serif);font-size:1.3rem}.loading{padding:6rem 0;text-align:center;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;font-size:.7rem}@media(max-width:820px){.wall-hero{min-height:88svh}.wall{padding:4rem 1rem 5.5rem}.wall-center{height:min(52svh,30rem)}.wall-center img{max-width:86vw}.wall-side{display:none}.filmstrip{max-width:calc(100vw - 2rem)}.header{display:flex;flex-wrap:wrap;justify-content:space-between}.detail{grid-template-columns:1fr}.detail-art{position:static}.detail .close{top:4.6rem}.footer{grid-template-columns:1fr}.header nav{gap:1rem}.grid.offset>*:nth-child(3n+2){transform:none}}
