/* B product workbench: silver stages, a moving selection rail and direct inspection. */
.bc-directory{padding:60px clamp(22px,5vw,80px) 110px;max-width:1660px;margin:auto;color:var(--ink)}
.bc-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:12px 0 48px}
.bc-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;color:var(--muted)}
.bc-heading h1{font-family:var(--font-display);font-size:clamp(42px,5.4vw,76px);font-weight:300;line-height:1.16;margin:23px 0 0;letter-spacing:-.055em}
.bc-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:310px;margin:0 0 5px}
.bc-layout{border-top:1px solid var(--line);padding-top:28px}.bc-sidebar{margin-bottom:38px}
.bc-filter-scroll{overflow-x:auto;padding:4px 0 9px;scrollbar-width:thin}.bc-sidebar nav{position:relative;display:flex;align-items:center;gap:3px;isolation:isolate;width:max-content;min-width:min(100%,300px);padding:5px;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-radius:50px;margin:0}
.bc-filter-indicator{position:absolute;z-index:-1;left:0;top:5px;height:calc(100% - 10px);width:var(--bc-filter-width,0px);transform:translateX(var(--bc-filter-x,5px));background:var(--ink);border-radius:50px;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1)}
.bc-sidebar nav button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:13px 22px;border:0;border-radius:50px;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.5;text-align:left;white-space:nowrap;cursor:pointer;transition:color .25s}
.bc-sidebar nav button small{font-family:var(--font-mono);font-size:10px;opacity:.6;font-variant-numeric:tabular-nums}.bc-sidebar nav button[aria-pressed=true]{color:var(--surface)}.bc-sidebar nav button:hover:not([aria-pressed=true]){color:var(--ink)}
.bc-tools{display:flex;align-items:center;gap:22px;padding:21px 0 22px;border-bottom:1px solid var(--line)}
.bc-search{display:flex;align-items:center;gap:12px;width:min(410px,41%);min-height:46px;border-bottom:1px solid var(--line);padding:0 4px;transition:border-color .2s}.bc-search:focus-within{border-color:var(--accent)}.bc-search>span{font-size:25px;line-height:1;color:var(--ink)}.bc-search input{background:transparent;border:0;width:100%;font:inherit;font-size:12px;color:var(--ink);height:45px;border-radius:0;outline:none;min-width:0}.bc-search input::placeholder{color:var(--muted)}
.bc-count{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap;margin-right:auto;font-variant-numeric:tabular-nums}.bc-reset{min-height:44px;background:transparent;border:0;padding:8px 0;color:var(--muted);font:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap}.bc-reset:hover{color:var(--accent)}
.bc-view-switch{display:flex;border:1px solid var(--line);border-radius:30px;padding:3px;flex-shrink:0}.bc-view-switch button{min-height:40px;display:flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-radius:25px;font-family:var(--font-sans);font-size:11px;font-weight:400;background:transparent;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}.bc-view-switch button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.bc-view-switch button>span{font-size:15px;line-height:1}
.bc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.bc-card{min-width:0;background:transparent;position:relative}.bc-card[hidden]{display:none}.bc-sheet{position:relative;overflow:hidden;border-radius:3px}.bc-product-index{position:absolute;left:20px;top:19px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink);z-index:1;pointer-events:none;opacity:.68}
.bc-photo{display:block;position:relative;width:100%;aspect-ratio:1.5;overflow:hidden;padding:0;background:var(--surface);border:0;cursor:pointer;color:var(--ink)}.bc-photo>img{display:block;width:100%;height:100%;object-fit:contain;max-height:none;padding:0;transition:transform .75s cubic-bezier(.22,1,.36,1)}.bc-photo:hover>img,.bc-photo:focus-visible>img{transform:scale(1.045)}
.bc-photo .directory-photo-pending{display:grid;place-items:center;height:100%;padding:25px;font-size:14px;font-weight:300;background:color-mix(in srgb,var(--ink) 6%,var(--paper));color:var(--muted)}
.bc-photo-action{position:absolute;inset:auto 15px 15px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-radius:35px;padding:8px 8px 8px 24px;font-size:12px;color:var(--ink);transform:translateY(calc(100% + 20px));transition:transform .4s cubic-bezier(.22,1,.36,1)}.bc-photo-action b{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--surface);border-radius:50%;font-size:22px;font-weight:300;line-height:1}.bc-photo:hover .bc-photo-action,.bc-card:focus-within .bc-photo-action{transform:translateY(0)}
.bc-card-caption{padding:22px 0 0}.bc-card-series{font-size:10px;letter-spacing:.09em;color:var(--muted)}.bc-card-caption h2{font-family:var(--font-display);font-size:clamp(23px,2.2vw,32px);font-weight:400;line-height:1.42;margin:10px 0 14px;letter-spacing:-.035em}.bc-card-caption h2 a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;text-decoration:none;color:var(--ink)}.bc-card-caption h2 b{flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--font-sans);font-size:21px;font-weight:300;transition:background .25s,color .25s,transform .35s}.bc-card-caption h2 a:hover b{background:var(--ink);border-color:var(--ink);color:var(--surface);transform:rotate(45deg)}
.bc-card-caption p{margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}
.bc-directory[data-view=list] .bc-grid{grid-template-columns:1fr;gap:0}.bc-directory[data-view=list] .bc-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.bc-directory[data-view=list] .bc-photo{aspect-ratio:1.45}.bc-directory[data-view=list] .bc-product-index{font-size:9px;top:11px;left:12px}.bc-directory[data-view=list] .bc-card-caption{padding:4px 0;display:flex;flex-direction:column;justify-content:center}.bc-directory[data-view=list] .bc-card-caption h2{margin:4px 0 5px;font-size:27px}.bc-directory[data-view=list] .bc-card-caption p{padding:0;border:0;max-width:85%}.bc-directory[data-view=list] .bc-photo-action{inset:auto 7px 7px;min-height:40px;padding:5px 5px 5px 13px;font-size:10px}.bc-directory[data-view=list] .bc-photo-action b{width:30px;height:30px;font-size:18px}
.bc-empty{padding:85px 20px;text-align:center;border-bottom:1px solid var(--line)}.bc-empty h2{font-family:var(--font-display);font-size:31px;font-weight:300}.bc-empty p{font-size:13px;margin-top:18px;color:var(--muted)}
.bc-directory :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.bc-preview{width:min(1160px,94vw);max-height:92dvh;padding:0;border:0;border-radius:8px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 25px 100px color-mix(in srgb,var(--ink) 22%,transparent)}.bc-preview[open]{display:grid;grid-template-columns:1.3fr 1fr}.bc-preview::backdrop{background:color-mix(in srgb,var(--ink) 62%,transparent);backdrop-filter:blur(15px)}.bc-preview-close{position:absolute;right:16px;top:16px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:26px;font-weight:300;z-index:2;cursor:pointer}
.bc-preview-photo{background:var(--surface);min-height:520px;display:grid;place-items:center;overflow:hidden}.bc-preview-photo img{width:100%;height:100%;max-height:80vh;object-fit:contain}.bc-preview-photo .directory-photo-pending{padding:40px;font-size:15px;color:var(--muted)}.bc-preview-copy{padding:75px 38px 35px;display:flex;flex-direction:column;justify-content:center}.bc-preview-series{font-size:11px;margin:35px 0 14px;color:var(--muted)}.bc-preview-copy h2{font-family:var(--font-display);font-weight:300;font-size:36px;line-height:1.4;letter-spacing:-.04em;margin:0}.bc-preview-spec{font-size:13px;line-height:1.9;margin:25px 0 30px;color:var(--muted)}.bc-preview-link{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);color:var(--ink);padding:10px 0;font-size:13px;text-decoration:none}.bc-preview-link>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-size:20px;transition:transform .25s}.bc-preview-link:hover>span{transform:rotate(45deg)}.bc-preview-controls{display:flex;gap:10px;margin-top:25px}.bc-preview-controls button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}.bc-preview-controls button:hover:enabled{border-color:var(--ink);background:var(--ink);color:var(--surface)}.bc-preview-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:1000px){.bc-directory{padding-top:36px}.bc-tools{gap:16px;flex-wrap:wrap}.bc-search{width:45%}.bc-reset{margin-left:auto}.bc-heading{gap:28px}.bc-heading h1{font-size:50px}.bc-grid{gap:35px 22px}.bc-preview-copy{padding:70px 28px 28px}}
@media(max-width:650px){.bc-directory{padding:28px 20px 60px}.bc-heading{display:block;padding-bottom:30px}.bc-heading h1{font-size:42px;margin:21px 0}.bc-heading>p{font-size:13px;max-width:100%}.bc-sidebar{margin-bottom:25px}.bc-layout{padding-top:18px}.bc-sidebar nav button{gap:12px;padding:12px 17px;min-height:46px;font-size:12px}.bc-tools{padding-top:17px;padding-bottom:14px;gap:13px 16px}.bc-search{width:100%;flex:1 0 100%}.bc-count{font-size:10px}.bc-view-switch{margin-left:auto}.bc-view-switch button{font-size:10px;padding:9px 12px}.bc-reset{margin-left:0;font-size:10px}.bc-grid{grid-template-columns:1fr;gap:34px}.bc-photo{aspect-ratio:1.4}.bc-product-index{left:16px;top:16px}.bc-photo-action{transform:none;inset:auto 11px 11px;min-height:52px;padding:6px 6px 6px 20px}.bc-photo-action b{width:40px;height:40px}.bc-card-caption{padding-top:17px}.bc-card-caption h2{font-size:26px;margin:7px 0 12px}.bc-card-caption p{font-size:12px;padding-top:12px}.bc-directory[data-view=list] .bc-card{grid-template-columns:100px minmax(0,1fr);gap:15px;padding:19px 0}.bc-directory[data-view=list] .bc-photo{aspect-ratio:.92}.bc-directory[data-view=list] .bc-card-caption h2{font-size:19px}.bc-directory[data-view=list] .bc-card-caption h2 b{width:34px;height:34px;font-size:17px}.bc-directory[data-view=list] .bc-card-caption p{font-size:10px;max-width:100%}.bc-directory[data-view=list] .bc-card-series{font-size:9px}.bc-directory[data-view=list] .bc-photo-action{display:none}.bc-preview[open]{display:block}.bc-preview-photo{min-height:0;aspect-ratio:1.3}.bc-preview-photo img{height:100%;max-height:330px}.bc-preview-copy{padding:27px}.bc-preview-copy h2{font-size:31px}.bc-preview-series{margin:21px 0 11px}.bc-preview-spec{margin:18px 0}.bc-preview-controls{margin-top:20px}}
@media(hover:none){.bc-photo-action{transform:none}}
@media(prefers-reduced-motion:reduce){.bc-directory *,.bc-directory *::before,.bc-directory *::after{transition:none!important}.bc-photo:hover>img,.bc-photo:focus-visible>img,.bc-card-caption h2 a:hover b,.bc-preview-link:hover>span{transform:none}}
.bc-sidebar nav:not([data-ready]) button[aria-pressed=true]{background:var(--ink)}
.bc-directory .bc-card[hidden]{display:none!important}