.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:0;display:grid;align-content:safe 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:#0a0009a6;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 #0009;opacity:.75;transition:opacity .5s var(--ease-out)}.nav-controls:hover,.nav-controls:focus-within,.nav-controls.is-visible,.nav-controls:has(.is-dragging){opacity:1}.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-hot);color:var(--c-black);transform:scale(1.08)}.nav-btn svg,.nav-btn iconify-icon{width:22px;height:22px;font-size:22px}.nav-knob{position:relative;width:52px;height:52px;border-radius:50%;cursor:grab;touch-action:none;outline:none}.nav-knob.is-dragging{cursor:grabbing}.nav-knob:focus-visible{box-shadow:0 0 0 2px var(--accent-hot)}.knob-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}.knob-marker{position:absolute;top:0;left:0;width:100%;height:100%}.knob-marker-inner{width:4px;height:4px;margin:4px auto 0;border-radius:50%;background:#ffffff4d;transition:all .3s var(--ease-out)}.knob-marker.is-active .knob-marker-inner{background:var(--accent-hot);box-shadow:0 0 8px var(--accent-hot);transform:scale(1.8)}.knob-dial{position:absolute;inset:4px;background:linear-gradient(135deg,#2a2a2a,#111);border-radius:50%;box-shadow:inset 0 2px 2px #ffffff1a,0 4px 10px #000c;pointer-events:none;transform:rotate(-135deg);will-change:transform}.knob-pointer{position:absolute;top:4px;left:50%;width:3px;height:10px;background:var(--accent-hot);border-radius:2px;transform:translate(-50%);box-shadow:0 0 5px var(--accent-hot)}.nav-knob.is-loop-flash{animation:knobLoop .7s var(--ease-loop)}@keyframes knobLoop{0%{filter:hue-rotate(0)}35%{filter:hue-rotate(90deg) brightness(1.5)}70%{filter:hue-rotate(-40deg)}to{filter:hue-rotate(0)}}@media (max-width: 768px){.nav-controls{bottom:1rem;left:1rem;transform:none;gap:.25rem;padding:.35rem;opacity:.85}.nav-controls.is-visible,.nav-controls:active{opacity:1}.nav-btn{width:36px;height:36px}.nav-btn svg,.nav-btn iconify-icon{width:18px;height:18px;font-size:18px}.nav-knob{width:44px;height:44px}.knob-marker-inner{width:3px;height:3px;margin:3px auto 0}.knob-pointer{width:2px;height:8px}}