/* The advert frame. One copy, shared by every room that draws through kiln.js.
   These rules ARE the picture: geometry, clipping, mask behaviour. A room that wants a
   lighter thumbnail sets --adshadow / --artshadow rather than restating a rule. */
.ad { position:relative; overflow:hidden; width:100%;
  box-shadow:var(--adshadow, 0 6px 26px #00000033), 0 0 0 1px #00000012; }
.ad * { box-sizing:border-box; }
.box { position:absolute; display:flex; align-items:center; justify-content:center; }
.artimg { display:block; max-width:100%; max-height:100%; width:auto; height:auto;
  filter:var(--artshadow, drop-shadow(0 14px 30px #00000045) drop-shadow(0 2px 5px #0000002e)); }
.bleedimg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.scrim { position:absolute; left:0; right:0; bottom:0; }
.plate { position:relative; display:flex; flex-direction:column; flex:none; max-width:100%; }
.markwrap { position:absolute; }
.markink { -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center; }
.marktxt { letter-spacing:.16em; text-transform:uppercase; font-weight:600; white-space:nowrap; }
.solddot { display:inline-block; border-radius:50%; background:#a8281f; vertical-align:middle; }