.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.equipment-card{display:block;min-width:0;text-align:left;color:#eee6d7;background:#23272b;border:1px solid #d8c9ad30;border-radius:8px;padding:0;text-decoration:none;overflow:hidden;font-family:'DM Sans',sans-serif;transition:border-color .2s,background .2s;cursor:pointer}.equipment-card:hover,.equipment-card[aria-current=true]{border-color:#eac58e;background:#2e3032}.equipment-card:focus-visible{outline:2px solid #f3d7a1;outline-offset:4px}.equipment-preview{position:relative;display:block;aspect-ratio:1100/710;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#343638,#171a1e)}.preview-scale{position:absolute;display:block;left:0;top:8%;width:1100px;transform:scale(var(--preview-scale,.25));transform-origin:0 0;pointer-events:none}.equipment-preview .instrument{width:1100px;max-width:none;pointer-events:none}.equipment-preview .instrument--still:before,.equipment-preview .instrument--still:after{display:none}.equipment-card-copy{display:flex;flex-direction:column;gap:6px;padding:15px 18px 18px;min-height:109px}.equipment-card-copy small{font:9px 'IBM Plex Mono',monospace;color:#d9b97c;letter-spacing:.08em;text-transform:uppercase}.equipment-card-copy strong{font-size:17px;font-weight:600}.equipment-card-copy>span{font-size:12px;color:#c0b9ac;line-height:1.5}.equipment-panel{width:min(1180px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;color:#eee6d7;background:#171c21;border:1px solid #ddcba640;border-radius:10px;box-shadow:0 24px 90px #0009}.equipment-panel .equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-card[aria-current=true]{box-shadow:inset 0 0 0 1px #eac58e}.equipment-current{margin-left:6px;padding:2px 6px;border-radius:4px;background:#eac58e;color:#1f2629;font-weight:600}.equipment-panel::backdrop{background:#090c10b8;backdrop-filter:blur(8px)}.equipment-panel .panel-heading{position:sticky;top:-24px;z-index:3;margin:-24px -24px 7px;padding:24px 24px 12px;background:#171c21}.equipment-panel h2{font:400 27px 'Fraunces',serif;margin:0}.equipment-panel .equipment-help{margin:0 0 20px;font-size:12px;color:#bcb7ad}.equipment-panel .close{background:none;border:0}.equipment-page{max-width:1120px;margin:auto;padding:24px 28px 28px}.equipment-page header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.equipment-page header a{text-decoration:none;font-size:12px}.equipment-page .equipment-brand{font:600 23px 'IBM Plex Mono',monospace;letter-spacing:-1px}.equipment-page h1{font:400 34px 'Fraunces',serif;margin:0 0 6px}.equipment-page .equipment-intro{font-size:13px;color:#bcb7ad;margin:0 0 24px}.equipment-page details{margin-top:22px;border-top:1px solid #ddcba626;padding-top:17px;color:#bcb7ad;font-size:12px}.equipment-page summary{cursor:pointer;width:fit-content}.earlier-equipment{display:flex;gap:22px;margin-top:17px;flex-wrap:wrap}.earlier-equipment a{color:#e3c89a}.equipment-page details p{font-size:11px;line-height:1.6;margin:10px 0 0}.equipment-page{background:radial-gradient(ellipse at 50% 0,#292b2a,transparent 55%)}.equipment-ideas{margin-top:22px;padding-top:16px;border-top:1px solid #ddcba626;font-family:'DM Sans',sans-serif}.equipment-ideas h3{margin:0 0 10px;font:600 16px/1.3 'DM Sans',sans-serif;color:#eee6d7}.equipment-ideas h3 small{margin-left:8px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#d9b97c}.equipment-ideas ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none}.equipment-ideas li{font-size:14px;line-height:1.45;color:#c0b9ac}.equipment-ideas b{display:block;font-weight:600;color:#e6dccb}
@media(max-width:1000px){.equipment-panel .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.equipment-panel .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-ideas ul{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-card-copy{padding:12px;min-height:116px;gap:5px}.equipment-card-copy strong{font-size:14px}.equipment-card-copy>span{font-size:11px}.equipment-page{padding:20px 16px}.equipment-page header{margin-bottom:22px}.equipment-page h1{font-size:28px}.equipment-panel{padding:18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.equipment-panel .panel-heading{top:-18px;margin:-18px -18px 7px;padding:18px 18px 12px}.equipment-panel .equipment-help{line-height:1.5;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.equipment-card{transition:none}}
/* Offscreen previews skip style, layout and paint; pending ones draw after the panel's first paint. */
.equipment-preview{content-visibility:auto}.equipment-preview[data-pending] .preview-scale{content-visibility:hidden}