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}.imgscrim:after{content:"";pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, calc(var(--scrim-top,0) * .8)), rgba(0, 0, 0, calc(var(--scrim-top,0) * .62)) 13%, #0000 36%), linear-gradient(to top, rgba(0, 0, 0, calc(var(--scrim,.65) * .95)), rgba(0, 0, 0, calc(var(--scrim,.65) * .18)) 46%, rgba(0, 0, 0, calc(var(--scrim,.65) * .52)));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}