@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";
:root{--ground:#f7f6f3;--ground-2:#efeeeb;--panel:#fdfcfb;--line:#dad9d6;--line-control:#7d7c79;--ink:#1d1c19;--ink-hover:#363532;--on-ink:#f7f6f3;--text-2:#605f5c;--text-3:#898785;--red:#bd3e37;--ok:#436449;--ok-wash:#e7f4e9;--warn:#755f41;--warn-wash:#faeede;--danger:#9f413a;--danger-wash:#fcecea;--tint:#ddb68a;--tint-2:#c8997a;--shade:#1716141a;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--gutter:clamp(16px, 4vw, 64px);--fs-1:12px;--fs-2:14px;--fs-3:16px;--fs-4:20px;--fs-5:24px;--fs-6:30px;--fs-7:36px;--fs-8:48px;--font-ui:"Inter", "IBM Plex Sans", "Helvetica Neue", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#131311;--ground-2:#0d0c0a;--panel:#1d1c1a;--line:#32312f;--line-control:#757472;--ink:#ebe9e6;--ink-hover:#c8c7c4;--on-ink:#131311;--text-2:#a9a7a5;--text-3:#777673;--red:#da675d;--ok:#8bc195;--ok-wash:#19251b;--warn:#dbb787;--warn-wash:#292014;--danger:#d1928a;--danger-wash:#2d1d1b;--tint:#b79875;--tint-2:#a27d65;--shade:#0100001a}}:root[data-theme=dark]{--ground:#131311;--ground-2:#0d0c0a;--panel:#1d1c1a;--line:#32312f;--line-control:#757472;--ink:#ebe9e6;--ink-hover:#c8c7c4;--on-ink:#131311;--text-2:#a9a7a5;--text-3:#777673;--red:#da675d;--ok:#8bc195;--ok-wash:#19251b;--warn:#dbb787;--warn-wash:#292014;--danger:#d1928a;--danger-wash:#2d1d1b;--tint:#b79875;--tint-2:#a27d65;--shade:#0100001a}html{font-variant-numeric:lining-nums tabular-nums;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-3);line-height:1.6}body{background:var(--ground);margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--s-4);letter-spacing:-.02em;font-weight:300;line-height:1.25}h1{font-size:var(--fs-8)}h2{font-size:var(--fs-7)}h3{font-size:var(--fs-6)}h4{font-size:var(--fs-5)}h5{font-size:var(--fs-4)}p{margin:0 0 var(--s-4)}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-control);text-decoration-color:var(--line-control);text-underline-offset:4px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.btn-primary{background:var(--ink);color:var(--on-ink);height:44px;padding:0 var(--s-5);font-size:var(--fs-2);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--ink-hover)}.btn-secondary{color:var(--ink);border:1px solid var(--ink);height:44px;padding:0 var(--s-5);font-size:var(--fs-2);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--ground-2)}.btn-quiet{color:var(--ink);font-size:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-control);text-decoration-color:var(--line-control);text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:0}.btn-quiet:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.container{max-width:1440px;padding:clamp(48px, 8vw, 120px) var(--gutter);margin:0 auto}.gallery-frame{max-width:720px;margin:0 auto}.instrument-frame{gap:var(--s-5);grid-template-columns:repeat(12,1fr);max-width:1440px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);padding:var(--s-5);border-radius:4px}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-center{text-align:center}.text-right{text-align:right}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-500{font-weight:500}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.fs-3{font-size:var(--fs-3)}.fs-4{font-size:var(--fs-4)}.fs-5{font-size:var(--fs-5)}.fs-6{font-size:var(--fs-6)}.fs-7{font-size:var(--fs-7)}.fs-8{font-size:var(--fs-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.mb-4{margin-bottom:var(--s-4)}.mb-8{margin-bottom:var(--s-8)}.red-dot{background-color:var(--red);border-radius:50%;width:6px;height:6px;display:inline-block}.wordmark{text-transform:uppercase;letter-spacing:.12em;font-weight:500}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.input-group{gap:var(--s-1);flex-direction:column;display:flex}.input-label{font-size:var(--fs-2);color:var(--text-2)}.input-box{border:1px solid var(--line-control);background:var(--panel);height:44px;color:var(--ink);padding:0 var(--s-3);font-family:inherit;font-size:inherit;border-radius:2px}.grid-2{gap:var(--s-5);grid-template-columns:1fr;display:grid}@media (min-width:600px){.grid-2{grid-template-columns:1fr 1fr}}