.slider{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden}.slides-track{position:relative;width:100%;height:100%;will-change:transform}.slide{position:absolute;inset:0;width:100%;height:100%;padding:var(--pad-y) var(--pad-x);display:grid;align-content:center;overflow-y:auto;overflow-x:hidden;background:var(--bg, var(--c5));color:var(--ink);opacity:0;visibility:hidden;transform:translateZ(0)}.slide::-webkit-scrollbar{width:6px}.slide::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.nav-controls{position:fixed;z-index:90;bottom:1.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#11001c8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 12px 40px #00000073}.nav-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--ink);transition:background .25s var(--ease-out),color .25s,transform .25s}.nav-btn:hover{background:var(--accent-1);color:var(--c5);transform:scale(1.08)}.nav-btn svg{width:22px;height:22px}.nav-dots{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center}.nav-dots li{display:flex}.dot{width:10px;height:10px;border-radius:999px;background:#fff7f247;transition:all .35s var(--ease-out);position:relative}.dot:hover{background:var(--accent-2)}.dot.is-active{width:26px;background:var(--accent-1);box-shadow:0 0 14px #ff5cf2b3}.dot.is-loop-flash{animation:dotLoop .7s var(--ease-loop)}@keyframes dotLoop{0%{transform:scale(1);filter:hue-rotate(0)}35%{transform:scale(1.6);filter:hue-rotate(90deg)}70%{transform:scale(.85);filter:hue-rotate(-40deg)}to{transform:scale(1);filter:hue-rotate(0)}}@media (max-width: 768px){.nav-controls{bottom:1.25rem;gap:.5rem;padding:.4rem .5rem}.nav-btn{width:40px;height:40px}.nav-prev svg{transform:rotate(90deg)}.nav-next svg{transform:rotate(90deg)}}