.nx-ba-band{background:var(--nx-ink);color:#fff;padding:112px 0;position:relative;overflow:hidden}.nx-ba-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 80% 20%,rgba(0,149,195,.16) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 20% 80%,rgba(0,149,195,.08) 0%,transparent 60%);pointer-events:none}.nx-ba-band .nx-container{position:relative;z-index:1}.nx-ba-band__grid{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center}.nx-ba-band__copy{display:flex;flex-direction:column;gap:18px}.nx-ba-band__copy .nx-h2{color:#fff}.nx-ba-band__copy .nx-lead{color:#ffffffc7;max-width:32ch}.nx-ba-band__tips{display:grid;gap:10px;margin-top:8px;list-style:none;padding:0}.nx-ba-band__tips li{display:flex;align-items:center;gap:12px;font-size:14px;color:#ffffffb3}.nx-ba-band__tips li:before{content:"";width:22px;height:2px;background:var(--nx-primary);flex-shrink:0}.nx-ba{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;user-select:none;touch-action:none;box-shadow:var(--nx-shadow-lg);background:var(--nx-ink-2);--nx-ba-pos: 50%}.nx-ba__layer{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--nx-ink-2);pointer-events:none}.nx-ba__after{clip-path:inset(0 0 0 var(--nx-ba-pos));-webkit-clip-path:inset(0 0 0 var(--nx-ba-pos))}.nx-ba__label{position:absolute;z-index:2;top:24px;font-family:var(--nx-font-display);font-weight:800;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#0000058c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 14px;border-radius:4px;pointer-events:none}.nx-ba__label--before{left:24px}.nx-ba__label--after{right:24px;background:var(--nx-primary)}.nx-ba__handle{position:absolute;top:0;bottom:0;left:var(--nx-ba-pos);width:3px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 0 1px #0000002e;z-index:3}.nx-ba__knob{position:absolute;top:50%;left:var(--nx-ba-pos);width:60px;height:60px;border-radius:999px;background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000073,0 0 0 1px #00000014;z-index:4;cursor:ew-resize;color:var(--nx-ink);transition:transform .22s var(--nx-ease-out),background .22s}.nx-ba:hover .nx-ba__knob{transform:translate(-50%,-50%) scale(1.06)}.nx-ba__knob svg+svg{margin-left:2px}.nx-ba__hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;background:#0000058c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 12px;border-radius:999px;pointer-events:none;opacity:1;transition:opacity .32s}.nx-ba.is-touched .nx-ba__hint{opacity:0}.nx-ba-wrap{display:flex;flex-direction:column;gap:20px}.nx-ba__options{display:flex;gap:10px;flex-wrap:wrap}.nx-ba__option{display:inline-flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;padding:8px 14px 8px 8px;border-radius:999px;cursor:pointer;font-family:var(--nx-font-sans);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:all .2s var(--nx-ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nx-ba__option:hover{border-color:var(--nx-primary-300);transform:translateY(-2px)}.nx-ba__option[aria-pressed=true]{background:var(--nx-primary);border-color:var(--nx-primary);color:#fff;box-shadow:0 6px 16px -4px #0095c373}.nx-ba__option-chip{width:28px;height:28px;border-radius:999px;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff40;background-size:cover;background-position:center}.nx-flake--comet{background-image:url(/images/comet-sample.png)}.nx-flake--domino{background-image:url(/images/domino-sample.png)}.nx-flake--coyote{background-image:url(/images/coyote-sample.png)}.nx-flake--saddle-tan{background-image:url(/images/saddle-tan-sample.png)}.nx-flake--night-fall{background-image:url(/images/night-fall-sample.png)}.nx-flake--snowfall{background-image:url(/images/snowfall-sample.png)}.nx-flake--creek-bed{background-image:url(/images/creek-bed-sample.png)}.nx-flake--shoreline{background-image:url(/images/shoreline-sample.png)}.nx-flake--raven{background-image:url(/images/raven-sample.png)}.nx-flake--stone-henge{background-image:url(/images/stone-henge-sample.png)}.nx-flake--wombat{background-image:url(/images/wombat-sample.png)}.nx-flake--cabin-fever{background-image:url(/images/cabin-fever-sample.png)}.nx-flake--cardamom{background-image:url(/images/cardamon-sample.png)}@media(max-width:1100px){.nx-ba-band__grid{grid-template-columns:1fr;gap:36px}.nx-ba-band__copy .nx-lead{max-width:60ch}}@media(max-width:760px){.nx-ba-band{padding:64px 0}.nx-ba-band__copy .nx-h2{font-size:clamp(1.85rem,8vw,2.5rem)}.nx-ba__label{font-size:11px;padding:6px 10px}.nx-ba__knob{width:48px;height:48px}.nx-ba__option{font-size:11px;padding:6px 12px 6px 6px}.nx-ba__option-chip{width:22px;height:22px}}