:root{color-scheme:light;font:16px system-ui,sans-serif;color:#252722;background:#f5f2eb;--line:#d8d3c7;--accent:#d7e1ab}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem max(4vw,1rem);background:#181916;color:#f5f2eb}header a{color:inherit;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;font-size:.9rem}nav a[aria-current]{color:#d7e1ab;text-decoration:underline;text-underline-offset:.45rem}.brand{font:1.55rem Georgia,serif;white-space:nowrap}main{min-height:75vh;padding:3rem max(4vw,1rem) 5rem;max-width:1600px;margin:auto}h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0 0 .6em}h1{font-size:clamp(2.6rem,6vw,6rem);line-height:.98;letter-spacing:-.06em}h2{font-size:2rem}h3{font-size:1.55rem}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1fr;background:#252b23;color:#fff;overflow:hidden;border-radius:.8rem;margin-bottom:3rem}.hero div{padding:clamp(1.5rem,5vw,5rem)}.hero img{width:100%;height:100%;object-fit:cover;min-height:250px}.hero p{color:#e2e5da;max-width:30ch;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.2rem}.card{border:1px solid var(--line);border-radius:.7rem;overflow:hidden;background:#fffdf8}.card img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}.card-body{padding:1.25rem}.bar{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.panel{max-width:640px;background:#fffdf8;border:1px solid var(--line);padding:1.4rem;border-radius:.7rem;margin:1rem 0}button,.button,input,select{font:inherit;border-radius:.35rem;border:1px solid #74766c;padding:.6rem .8rem}button,.button{display:inline-block;background:var(--accent);color:#171a13;text-decoration:none;cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:default}label{display:block;margin:.65rem 0}input,select{max-width:100%;background:#fff;color:#222}label input:not([type=checkbox]),label select{display:block;margin-top:.3rem}#notice:not(:empty){position:fixed;bottom:1rem;right:1rem;max-width:calc(100vw - 2rem);padding:1rem;background:#181916;color:#fff;border-radius:.5rem;z-index:3}dialog{background:#080908;color:white;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#080908}#slide{width:100%;height:100%;object-fit:contain}#slide.fill{object-fit:cover}#controls{position:absolute;bottom:0;width:100%;padding:.8rem;display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;background:#000b}footer span{color:#c4c4b7;font-size:.85rem}@media(max-width:700px){header,.hero{display:block}nav{margin-top:.8rem}.hero img{height:230px;display:block}main{padding-top:1.5rem}footer{align-items:flex-start}}

.collection{margin:2.5rem 0}.listings{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr))}.listings .listing img{aspect-ratio:500/333;object-fit:cover}.listing input:not([type=checkbox]){width:100%}.stats{margin:1.5rem 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fffdf8}th,td{padding:.75rem;text-align:left;border:1px solid var(--line)}#preview-dialog{width:min(532px,95vw);height:auto;padding:1rem;background:#fffdf8;color:#252722;border-radius:.7rem}#preview-image{display:block;width:500px;max-width:100%;height:auto;aspect-ratio:500/333;object-fit:contain;background:#181916;margin-bottom:1rem}#player{margin:0;inset:0}#player:fullscreen{width:100%;height:100%;background:#080908}#slide{display:block;width:100%;height:100%;object-fit:contain}#controls.controls-hidden{visibility:hidden;pointer-events:none}[hidden]{display:none!important}

.artwork-grid {
 grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
}
.artwork-grid .card-body {
 display:grid;
 grid-template-rows:1.2rem 3.6rem 1.5rem 3.5rem;
 gap:.45rem;
}
.artwork-grid .card-body > .eyebrow {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.artwork-grid .card-body > h3 {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 line-height:1.15;
 margin:0;
}
.artwork-grid .card-body > p {margin:0}
.artwork-grid .card-body > .bar {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:center;
 gap:.5rem;
 margin:0;
}
.artwork-grid .bar > :is(button,.button) {
 text-align:center;
 padding:.45rem .25rem;
 font-size:.875rem;
}