: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}#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:cover;object-position:center}#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;
}

html:has(#player[open]),body:has(#player[open]) {overflow:hidden;overscroll-behavior:none}
#player {overflow:hidden;overscroll-behavior:none}


header {
 gap:1rem 1.5rem;
 padding-block:1rem;
 background:linear-gradient(112deg,#1b241e,#151915 72%);
 border-bottom:1px solid #39463a;
 box-shadow:0 4px 18px #171a181f;
}
header .brand {display:inline-flex;align-items:center;gap:.65rem;letter-spacing:.015em}
.brand-mark {
 display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;
 background:#dce6b7;color:#243124;font:1.25rem/1 Georgia,serif;
}
header nav {display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}
header nav a {padding:.52rem .8rem;border-radius:999px;color:#e5eae1;white-space:nowrap}
header nav a:hover {background:#ffffff16}
header nav a[aria-current="page"] {
 background:#dce6b7;color:#243124;text-decoration:none;font-weight:650;
}
header a:focus-visible {outline:2px solid #dce6b7;outline-offset:3px}
#pause {touch-action:manipulation}
@media(max-width:720px){
 header {flex-wrap:wrap}
 header nav {flex-basis:100%;gap:.2rem .35rem}
 header nav a {padding:.44rem .62rem}
}

#controls {
 left:50%;
 bottom:max(1rem, env(safe-area-inset-bottom));
 transform:translateX(-50%);
 width:max-content;
 max-width:calc(100% - 2rem);
 padding:.65rem;
 gap:.45rem;
 border:1px solid #ffffff35;
 border-radius:1.15rem;
 background:#18211bea;
 color:#f8f9ef;
 box-shadow:0 10px 36px #0009;
 backdrop-filter:blur(12px);
}
#controls button,#controls select {
 min-height:2.75rem;
 padding:.42rem .8rem;
 border-radius:.7rem;
 border:1px solid #ffffff29;
 background:#ffffff14;
 color:#f8f9ef;
 font-size:.9rem;
}
#controls button:hover,#controls select:hover {background:#ffffff26}
#controls button:focus-visible,#controls select:focus-visible {
 outline:2px solid #deebbd;
 outline-offset:2px;
}
#controls #prev,#controls #next {min-width:2.75rem;padding:.4rem;font-size:1.15rem}
#controls #pause {background:#dce6b7;color:#243124}
#controls #pause:hover {background:#e9f0ce}
#controls #caption {
 min-width:0;
 max-width:min(26ch, 30vw);
 padding-inline:.2rem;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-align:center;
 font-size:.9rem;
}
#controls .music-picker {
 display:flex;
 gap:.45rem;
 align-items:center;
 min-width:0;
 margin:0;
 padding-inline:.15rem;
 color:#d8e3d4;
 font-size:.75rem;
}
#controls .music-picker select {margin:0;color-scheme:dark}
#music-status {font-size:.78rem;color:#dce6b7;text-align:center}
#music-status:empty {display:none}
@media (max-width:680px) {
 #controls {width:min(26rem,calc(100% - 1rem));max-width:none;gap:.4rem;bottom:max(.5rem,env(safe-area-inset-bottom))}
 #controls #caption {order:-1;flex:0 0 100%;max-width:none;padding:.15rem .25rem .35rem}
 #controls .music-picker {order:1;flex:1 1 100%;justify-content:center;flex-wrap:wrap}
 #music-status {order:2;flex:0 0 100%}
}

html {
 scrollbar-width:thin;
 scrollbar-color:#747e68 #ede9df;
}
@supports not (scrollbar-width:thin) {
 html::-webkit-scrollbar {width:8px}
 html::-webkit-scrollbar-track {background:#ede9df}
 html::-webkit-scrollbar-thumb {
  border:1px solid #ede9df;
  border-radius:999px;
  background:#747e68;
 }
 html::-webkit-scrollbar-thumb:hover {background:#536048}
}
@media (forced-colors:active) {
 html {scrollbar-width:auto;scrollbar-color:auto}
}

.commerce-playback{max-width:760px}.commerce-playback input{width:100%}.collection-picker{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));max-height:34rem;overflow:auto;padding:.35rem}.collection-choice{margin:0;cursor:pointer}.collection-choice>span,.collection-choice>small{display:block;padding:.55rem .65rem}.collection-choice>small{color:#614d25;padding-top:0}
