image-slot{background:var(--bone-2);width:100%;height:100%;display:block;position:relative;overflow:hidden}image-slot>img,image-slot>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}image-slot>.is-ph{text-align:center;font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);background:radial-gradient(120% 80% at 50% 0%, #bd5d3a14, transparent 70%), linear-gradient(160deg, var(--bone-2), var(--bone));place-items:center;padding:14px;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.dots{justify-content:center;align-items:center;gap:10px;display:flex}.dots button{cursor:pointer;width:9px;height:9px;transition:width .4s var(--ease-out), background .3s;background:#ffffff61;border:1px solid #fff9;border-radius:9999px;padding:0}.dots button:hover{background:#ffffffb3}.dots button.on{background:#fff;width:26px}