.library:where(.astro-35evny25){margin-top:2rem}.library-heading:where(.astro-35evny25){display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem}.library-heading:where(.astro-35evny25) h2:where(.astro-35evny25){font-size:1rem;font-weight:600;margin:0}.library-heading:where(.astro-35evny25) span:where(.astro-35evny25){font-size:.78rem;opacity:.55}.instrument-grid:where(.astro-35evny25){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.instrument-card:where(.astro-35evny25){min-width:0;scroll-margin-top:6rem;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:10px;overflow:hidden;background:#fff}.card-preview:where(.astro-35evny25){display:block;position:relative;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#f2efe7;cursor:pointer;overflow:hidden}.card-preview:where(.astro-35evny25) img:where(.astro-35evny25){display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease}.card-preview:where(.astro-35evny25):hover img:where(.astro-35evny25){transform:scale(1.035)}.portrait-preview:where(.astro-35evny25) img:where(.astro-35evny25){-o-object-fit:cover;object-fit:cover}.drum-machine-01:where(.astro-35evny25) img:where(.astro-35evny25){-o-object-position:center 40%;object-position:center 40%}.swimmer-02:where(.astro-35evny25) img:where(.astro-35evny25){-o-object-position:center 55%;object-position:center 55%}.play-mark:where(.astro-35evny25){position:absolute;left:50%;top:50%;display:grid;place-items:center;width:3rem;height:3rem;padding-left:.15rem;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#172a35;box-shadow:0 2px 18px #0002;font-size:1rem;line-height:1}.card-preview:where(.astro-35evny25):hover .play-mark:where(.astro-35evny25){background:#172a35;color:#fff}.card-caption:where(.astro-35evny25){display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.75rem .85rem .8rem}.card-caption:where(.astro-35evny25) h3:where(.astro-35evny25){font-size:.92rem;font-weight:600;line-height:1.25;margin:0}.card-caption:where(.astro-35evny25) p:where(.astro-35evny25){font-size:.72rem;white-space:nowrap;opacity:.6;margin:0}.card-preview:where(.astro-35evny25):focus-visible,.viewer-close:where(.astro-35evny25):focus-visible,.viewer-variants:where(.astro-35evny25) button:focus-visible,.youtube-link:where(.astro-35evny25):focus-visible{outline:3px solid #2374ff;outline-offset:-3px}.instrument-viewer:where(.astro-35evny25){box-sizing:border-box;width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:#18242c;box-shadow:0 25px 90px #0005;overflow:auto}.instrument-viewer:where(.astro-35evny25).portrait-view{width:min(500px,calc(100vw - 24px))}.instrument-viewer:where(.astro-35evny25)::backdrop{background:#08101cdd}.viewer-heading:where(.astro-35evny25){display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem}.viewer-kicker:where(.astro-35evny25){font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin:0 0 .1rem}.viewer-heading:where(.astro-35evny25) h2:where(.astro-35evny25){font-size:1.05rem;font-weight:600;line-height:1.2;margin:0}.viewer-close:where(.astro-35evny25){display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:6px;background:#f2f2f0;color:inherit;cursor:pointer;font:300 1.8rem/1 system-ui}.viewer-close:where(.astro-35evny25):hover{background:#e6e6e1}.viewer-media:where(.astro-35evny25){display:flex;align-items:center;justify-content:center;min-height:200px;background:#07111f}.viewer-media:where(.astro-35evny25) video:where(.astro-35evny25){display:block;width:auto;height:auto;max-width:100%;max-height:min(68dvh,700px);-o-object-fit:contain;object-fit:contain;background:#07111f}.viewer-footer:where(.astro-35evny25){display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem}.viewer-variants:where(.astro-35evny25){display:flex;flex-wrap:wrap;gap:.4rem}.viewer-variants:where(.astro-35evny25) button{min-height:2.5rem;padding:.45rem .7rem;border:1px solid #c9d0d5;border-radius:5px;background:#fff;color:#24333d;cursor:pointer;font:500 .76rem/1.2 system-ui}.viewer-variants:where(.astro-35evny25) button[aria-pressed=true]{border-color:#172a35;background:#172a35;color:#fff}.viewer-variants:where(.astro-35evny25) button:hover:not([aria-pressed=true]){background:#f1f3f4}.youtube-link:where(.astro-35evny25){flex:none;font-size:.76rem;font-weight:600;color:#143d75;text-decoration:none}.youtube-link:where(.astro-35evny25):hover{text-decoration:underline;text-underline-offset:3px}.viewer-status:where(.astro-35evny25){font-size:.75rem;margin:0;padding:0 1rem .65rem}.viewer-status:where(.astro-35evny25):empty{display:none}body.instrument-viewer-open{overflow:hidden}@media (max-width:900px){.instrument-grid:where(.astro-35evny25){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.instrument-grid:where(.astro-35evny25){grid-template-columns:1fr;gap:.85rem}.library:where(.astro-35evny25){margin-top:1.5rem}.card-caption:where(.astro-35evny25){padding:.65rem .75rem}.viewer-heading:where(.astro-35evny25){padding:.6rem .75rem}.viewer-footer:where(.astro-35evny25){align-items:flex-start;flex-direction:column;padding:.7rem .75rem}.viewer-media:where(.astro-35evny25){min-height:120px}}@media (prefers-reduced-motion:reduce){.card-preview:where(.astro-35evny25) img:where(.astro-35evny25){transition:none}.card-preview:where(.astro-35evny25):hover img:where(.astro-35evny25){transform:none}}.instruments-page:where(.astro-odi5jzfj){font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:min(1040px,100%);margin:0 auto;padding:1.25rem 1.25rem 4rem}.eyebrow:where(.astro-odi5jzfj){text-align:center;font-size:.8rem;margin:0 0 .6rem;opacity:.7}.eyebrow:where(.astro-odi5jzfj) a:where(.astro-odi5jzfj){text-decoration:underline;text-underline-offset:3px}h1:where(.astro-odi5jzfj){text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 1.25rem}.intro:where(.astro-odi5jzfj){text-align:center;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.7;margin:0 auto;max-width:64ch;text-wrap:pretty}.intro:where(.astro-odi5jzfj) p:where(.astro-odi5jzfj){margin:0}.intro:where(.astro-odi5jzfj) p:where(.astro-odi5jzfj)+p:where(.astro-odi5jzfj){margin-top:.75rem}
