.hf-gallery-slider {
    position:relative; box-sizing:border-box; margin:0 0 18px; padding:0;
    border:12px solid #42443e;
    border-image:url('img/ll_li.jpg') 8 10 8 10 / 12px / 0 stretch;
    background:#111;
    box-shadow:0 3px 6px #0009;
}
.hf-gallery-corner {
    position:absolute; z-index:1; width:16px; height:17px; pointer-events:none;
    background:url('img/cw_bottom.jpg') -14px -8px / 308px 38.5px no-repeat;
}
.hf-gallery-corner-tl { top:-12px; left:-12px; }
.hf-gallery-corner-tr { top:-12px; right:-12px; }
.hf-gallery-corner-bl { bottom:-12px; left:-12px; }
.hf-gallery-corner-br { bottom:-12px; right:-12px; }
.hf-gallery-window { overflow:hidden; background:#111; border:1px solid #090909; }
.hf-gallery-track { display:flex; transition:transform .7s ease-in-out; }
#center .hf-gallery-slide { display:block; flex:0 0 100%; min-width:0; width:100%; max-width:100%; height:190px; margin:0; object-fit:cover; }
.hf-gallery-controls { display:flex; align-items:center; gap:5px; padding:6px 5px 3px; border-top:1px solid #4c4d47; background:#181916; }
.hf-gallery-controls[hidden] { display:none; }
.hf-gallery-dots { display:flex; gap:4px; margin-right:auto; }
#center .hf-gallery-controls button { box-sizing:border-box; width:27px; min-width:27px; height:22px; min-height:22px; padding:0; border:1px solid #53554e; border-radius:0; background:#262724 url('img/ll_li.jpg') center / 100% 100%; color:#ddd; font:bold 11px/18px Tahoma,Arial,sans-serif; cursor:pointer; box-shadow:0 1px 2px #000; }
#center .hf-gallery-controls button:hover { filter:brightness(1.25); color:#fff; }
#center .hf-gallery-controls button[aria-pressed='true'] { border-color:#9d8b54; color:#dec674; box-shadow:inset 0 0 3px #000; }
#center .hf-gallery-controls button:focus-visible { outline:2px solid #dec674; outline-offset:2px; }
@media (prefers-reduced-motion:reduce) { .hf-gallery-track { transition:none; } }

/* launch countdown on the picture */
.hf-gallery-window { position:relative; }
.hf-launch {
    position:absolute; left:50%; bottom:14px; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:2px;
    padding:8px 18px 7px; border:1px solid #9d8b54; background:rgba(10,10,8,.72);
    box-shadow:0 2px 10px #000c; text-align:center; white-space:nowrap;
}
.hf-launch-title { color:#ffd700; font:bold 12px/1.2 Tahoma,Arial,sans-serif; text-transform:uppercase; letter-spacing:1px; text-shadow:0 1px 2px #000; }
.hf-launch-time { color:#ffd700; font:bold 30px/1.1 "Courier New",Consolas,monospace; letter-spacing:2px; text-shadow:0 0 8px #ffbf0080,0 2px 2px #000; }
.hf-launch-labels { display:flex; gap:14px; color:#e8d488; font:10px Tahoma,Arial,sans-serif; text-transform:uppercase; }
.hf-launch-date { color:#c9b46a; font:10px Tahoma,Arial,sans-serif; }
.hf-launch-live { font-size:16px; padding:4px 0; }
@media (max-width:480px) { .hf-launch-time { font-size:22px; } .hf-launch-labels { gap:8px; } }