/* ===== Hilbert Minimal Slider (style) ===== */
.hilbert-slider{position:relative;width:100%;overflow:hidden;--hms-crimson:#fff;--hms-dot-inactive:#bfbfbf;border-radius: 12px;}
.hms-viewport{overflow:hidden;width:100%;border-radius: 12px;}
.hms-track{display:flex;will-change:transform;transform:translate3d(0,0,0);transition:transform .4s ease;}
.hms-slide{min-width:100%;position:relative;}
.hms-img{display:block;width:100%;height:auto}

/* arrows */
.hms-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;cursor:pointer;opacity:0;z-index:5; /*transition:opacity .2s ease;*/}
.hilbert-slider:hover .hms-arrow{opacity:1;}
@media (hover:none){.hms-arrow{opacity:1;}}
.hms-prev{left:12px;}
.hms-next{right:12px;}
.hms-arrow:focus-visible{outline:2px solid var(--hms-crimson);outline-offset:2px;}
.hms-arrow::before{content:"";display:block;width:10px;height:10px;border-right:2px solid var(--hms-crimson);border-top:2px solid var(--hms-crimson);}
.hms-prev::before{transform:rotate(-135deg);} /* thin chevron */
.hms-next::before{transform:rotate(45deg);}   /* thin chevron */

/* dots inside image */
.hms-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;z-index:4;}
.hms-dot{width:7px;height:7px;background:var(--hms-dot-inactive);border-radius:1px;border:0;padding:0;cursor:pointer;opacity:.95;}
.hms-dot.is-active{background:#af0b0b;opacity:1;}
.hms-dot:focus-visible{outline:2px solid var(--hms-crimson);outline-offset:2px;}