.hcar{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:var(--surface2);border:1px solid var(--border);box-shadow:0 30px 60px -34px rgba(0,0,0,.45)}.hcar-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.hcar-slide.on{opacity:1;pointer-events:auto}.hcar-slide img{width:100%;height:100%;object-fit:cover;display:block}.hcar-cap{left:0;right:0;bottom:0;padding:40px 18px 32px;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent);font:700 14px var(--font-d);text-align:left}.hcar-btn,.hcar-cap{position:absolute;color:#fff}.hcar-btn{top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.45);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .2s}.hcar:focus-within .hcar-btn,.hcar:hover .hcar-btn{opacity:1}.hcar-btn:hover{background:rgba(0,0,0,.7)}.hcar-prev{left:10px}.hcar-next{right:10px}.hcar-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px}.hcar-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:hsla(0,0%,100%,.5);cursor:pointer}.hcar-dots button.on{background:#fff;width:22px;border-radius:8px}@media (hover:none){.hcar-btn{opacity:1}}@media (prefers-reduced-motion:reduce){.hcar-slide{transition:none}}