*{box-sizing:border-box;margin:0}body{background:#0d0c10;color:#ddd8e4;font:16px/1.65 Georgia,serif}
h1,h2,h3,.btn,nav,small,.eyebrow{font-family:system-ui,sans-serif}h2{font-size:2rem;color:#fff;margin-bottom:.4rem;font-weight:300}
section{padding:5rem 6vw;max-width:1200px;margin:auto}.sub{color:#8f88a0;margin-bottom:2rem}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem 6vw;background:#0d0c10e6;backdrop-filter:blur(8px)}
.logo{color:#fff;text-decoration:none;font:700 1.4rem system-ui;letter-spacing:.15em}.logo span{display:none;font-weight:300;font-size:.8rem;letter-spacing:.1em;margin-left:.6rem;color:#b9a3e3}
nav a{color:#ccc;text-decoration:none;margin-left:1.2rem;font-size:.9rem}nav a:not(.btn){display:none}
.btn{display:inline-block;background:#9b7fd6;color:#fff;border:0;padding:.8rem 1.4rem;border-radius:2px;text-decoration:none;letter-spacing:.05em;cursor:pointer;margin-top:1rem}.btn.sm{padding:.4rem .9rem;margin:0}.ghost{background:none;border:1px solid #9b7fd6}
.hero{display:grid;gap:2rem;align-items:center;max-width:1300px}.hero img{width:100%;max-height:75vh;object-fit:cover;border-radius:2px}
h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;color:#fff;line-height:1.1;margin:.5rem 0 1rem}.eyebrow,small{color:#d9a54a;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.card{background:#16141b;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-4px)}
.card img{width:100%;aspect-ratio:1;object-fit:cover}.card div{padding:1rem}.card h3{color:#fff;font-size:1.05rem}.card p{color:#8f88a0;font-size:.9rem}.card b{color:#d9a54a}
.split{display:grid;gap:3rem}.facts{list-style:none;padding:0}.facts li{border-left:2px solid #9b7fd6;padding:.6rem 1rem;margin-bottom:1rem}.facts b{color:#fff}
.ph{color:#d9a54a;font-style:italic}.cards3{display:grid;gap:1.5rem}.cards3 div{background:#16141b;padding:1.5rem}.cards3 h3{color:#fff}
form{display:grid;gap:.8rem}input,select,textarea{background:#16141b;border:1px solid #2c2834;color:#eee;padding:.8rem;font:inherit}
.shows{list-style:none;padding:0}.shows li{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #2c2834;padding:1rem 0}.shows span{color:#8f88a0}
footer{text-align:center;padding:3rem;color:#6d667a;font-size:.85rem}
dialog{background:#16141b;color:#ddd8e4;border:0;max-width:900px;width:92vw;padding:0}dialog::backdrop{background:#000c}dialog img{width:100%}dialog>div>div{padding:1.5rem}dialog h3{color:#fff}
dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:1rem 0}dt{color:#8f88a0}.x{position:absolute;right:.5rem;top:.3rem;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}
#mbody{display:grid}
@media(min-width:800px){nav a:not(.btn){display:inline}.logo span{display:inline}.hero{grid-template-columns:1.3fr 1fr;padding-top:3rem}.split{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:repeat(3,1fr)}#mbody{grid-template-columns:1fr 1fr}}
a{color:#b9a3e3}
dialog{position:fixed;inset:0;margin:auto;max-height:90vh;overflow-y:auto}
dialog img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#0d0c10}
#mbody{align-items:center}
@media(min-width:800px){dialog img{max-height:85vh}}
nav{display:flex;align-items:center}
dialog[open]{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
dialog img{width:auto;max-width:100%;margin:0 auto}
.hero img{max-height:min(75vh,720px)}
.x{position:sticky;float:right;top:.3rem;z-index:2;background:#0008;border-radius:50%;width:2.4rem;height:2.4rem;line-height:1}
dialog img{background:none}
#mbody>img{padding:0}
dialog{width:min(900px,92vw);max-width:92vw;background:#16141b}
#mbody,#mbody>div{background:#16141b}
#mbody>img{max-height:60vh;max-width:100%;width:auto;justify-self:center;margin:1rem auto 0}
@media(min-width:800px){#mbody>img{max-height:80vh;margin:1rem}}
.steps{list-style:none;padding:0;margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;counter-reset:s;font-family:system-ui,sans-serif;font-size:.85rem}
.steps li{counter-increment:s;background:#16141b;border-top:2px solid #d9a54a;padding:.7rem .8rem;color:#fff}
.steps li::before{content:"0" counter(s);display:block;color:#d9a54a;font-size:.7rem;letter-spacing:.15em}
@media(min-width:800px){.steps{grid-template-columns:repeat(4,1fr)}}
#about p+p{margin-top:1rem}
dialog{overflow-x:hidden;border:0;outline:0}
#mbody>img{width:100%;height:auto;object-fit:contain;margin:0;justify-self:stretch}
@media(min-width:800px){#mbody>img{width:auto;margin:0;justify-self:center}}
dialog:focus-visible,dialog *:focus{outline:none}
.sig{margin-top:1rem;font-style:italic;color:#d9a54a}
.mfig{margin:0;display:flex;flex-direction:column;align-items:center}
.mfig>img{display:block;max-width:100%;max-height:60vh;object-fit:contain}
.thumbs{display:flex;gap:.4rem;padding:.5rem;flex-wrap:wrap;justify-content:center}
.thumbs img{width:56px;height:56px;object-fit:cover;cursor:pointer;opacity:.75;border:1px solid #2c2834}.thumbs img:hover{opacity:1}
@media(min-width:800px){.mfig>img{max-height:75vh}}
.card .src{color:#c9a96e;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}
.badge{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:3px;background:#7a2b2b;color:#fff;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.card.sold img{filter:grayscale(.35) brightness(.8)}
#fmsg{margin:.5rem 0 0;font-size:.9rem}#fmsg.ok{color:#8fd19e}#fmsg.err{color:#f19a9a}
.card img{height:auto}