.bay{background:#0b0d0e;color:#f1f0e9;padding:96px 0 46px;font-family:Manrope,sans-serif;position:relative;border-top:1px solid #2b2e30;isolation:isolate}.bay *{box-sizing:border-box}.bay__shell{width:min(1440px,calc(100% - 72px));margin:auto}.bay__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.bay .bay__eyebrow{font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a7afb0;margin:0 0 18px}.bay .bay__intro h2{font:500 clamp(32px,4.2vw,61px)/1.06 Manrope,sans-serif;letter-spacing:-.05em;text-transform:none;margin:0;max-width:620px}.bay__intro>p{font:400 15px/1.7 Manrope,sans-serif;color:#a7afb0;margin:0;flex-shrink:0}
.bay__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:clamp(30px,5vw,80px);align-items:start}.bay__assembly{min-width:0}.bay__image-wrap{aspect-ratio:3/2;position:relative;overflow:visible}.bay__wheel{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.bay button{font-family:inherit;cursor:pointer;touch-action:manipulation}.bay__point{position:absolute;display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;padding:0;z-index:2;min-height:44px;white-space:nowrap}.bay__point>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d7dbdba6;border-radius:50%;background:#0b0d0ed9;font:500 10px 'IBM Plex Mono',monospace;transition:background 160ms var(--cm-ease),transform 200ms var(--cm-ease)}.bay__point b{padding:6px 8px;background:#080a0be0;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.02em}.bay__point[aria-pressed=true]>span{background:#e8112d;border-color:#e8112d;box-shadow:0 0 0 6px #e8112d21}.bay__point:hover>span{transform:scale(1.12)}.bay__point--prep{left:23%;top:59%}.bay__point--valve{left:30%;top:72%}.bay__point--bead{left:14%;top:40%}.bay__point--tread{left:52%;top:28%}
.bay__tool{position:absolute;bottom:1%;right:0;width:24%;min-width:108px;border:1px solid #3a4143;background:#15191b;color:#f1f0e9;padding:0;text-align:left;transition:border-color 160ms var(--cm-ease)}.bay__tool img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.bay__tool>span:last-child{display:flex;justify-content:space-between;padding:12px;font:500 10px 'IBM Plex Mono',monospace}.bay__tool-number{position:absolute;left:8px;top:8px;background:#080a0b;color:#fff;padding:4px 6px;font:500 10px 'IBM Plex Mono',monospace}.bay__tool[aria-pressed=true]{border-color:#e8112d;box-shadow:0 0 0 2px #e8112d}.bay__tool[aria-pressed=true] .bay__tool-number{background:#e8112d}
.bay__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.bay__legend button{background:transparent;color:#a7afb0;border:1px solid #353b3d;padding:10px 13px;min-height:44px;font:500 10px 'IBM Plex Mono',monospace;transition:background 120ms var(--cm-ease),color 120ms var(--cm-ease)}.bay__legend button[aria-pressed=true]{color:#0b0d0e;background:#f1f0e9;border-color:#f1f0e9}.bay .bay__caption{font:400 10px/1.7 'IBM Plex Mono',monospace;color:#8f989a;margin:16px 0 0}.bay__detail{border-top:2px solid #e8112d;padding-top:24px;min-width:0}.bay .bay__detail h3{font:500 clamp(28px,3.1vw,43px)/1.06 Manrope,sans-serif;letter-spacing:-.045em;text-transform:none;margin:0 0 22px}.bay .bay__description{font:400 15px/1.65 Manrope,sans-serif;color:#bfc6c6;margin:0 0 14px;min-height:75px}.bay .bay__location{font:500 11px/1.6 'IBM Plex Mono',monospace;color:#f1f0e9;padding-top:14px;border-top:1px solid #343a3c;margin:0 0 26px;min-height:50px}.bay__media{aspect-ratio:16/9;position:relative;overflow:hidden;background:#15191b}.bay__play{display:block;width:100%;height:100%;padding:0;border:0;background:#15191b;color:#fff;position:relative}.bay__play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 320ms var(--cm-ease)}.bay__play>span{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;padding:18px 14px 12px;background:linear-gradient(transparent,#000d);font:600 11px Manrope,sans-serif;text-align:left}.bay__play b{display:grid;place-items:center;border:1px solid #ffffff8f;width:30px;height:30px;border-radius:50%;font-size:10px}.bay__play:hover img{transform:scale(1.035)}.bay__media iframe{width:100%;height:100%;border:0;display:block}.bay__stop{position:absolute;right:4px;top:4px;background:#fff;color:#080a0b;border:0;padding:8px;min-height:36px;font-size:11px;z-index:2}.bay a{text-decoration:none}.bay .bay__product{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;min-height:50px;background:#f1f0e9;color:#080a0b;font:700 12px Manrope,sans-serif;margin:16px 0 2px}.bay__product span{font-size:22px}.bay .bay__docs{display:inline-flex;align-items:center;min-height:44px;color:#bfc6c6;font:500 11px Manrope,sans-serif}.bay__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bay__detail.is-changing{animation:bay-detail-in 220ms var(--cm-ease)}.bay__direct{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #343a3c;margin-top:42px;padding-top:24px;font:500 12px Manrope,sans-serif}.bay__direct>span{color:#8f989a;margin-right:auto}.bay__direct a{color:#f1f0e9;min-height:44px;display:flex;align-items:center}.bay :is(a,button):focus-visible{outline:2px solid #f1f0e9;outline-offset:4px}.bay a:hover{text-decoration:underline;text-underline-offset:5px}
@keyframes bay-detail-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.bay{padding:62px 0 32px}.bay__shell{width:calc(100% - 32px)}.bay__intro{display:block;margin-bottom:30px}.bay__intro>p{margin-top:18px}.bay__layout{grid-template-columns:1fr;gap:30px}.bay__detail{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.bay__detail>.bay__eyebrow,.bay__detail>h3,.bay__description,.bay__location{grid-column:1}.bay__detail .bay__media{grid-column:2;grid-row:1/5;align-self:start}.bay__product{grid-column:1}.bay__docs{grid-column:2}.bay__direct{margin-top:28px}}
@media(max-width:560px){.bay__detail{display:block}.bay .bay__intro h2{font-size:36px}.bay__point b{display:none}.bay__point>span{width:32px;height:32px}.bay__point{min-width:44px;min-height:44px}.bay__tool{min-width:88px;width:25%}.bay__tool>span:last-child{padding:8px;font-size:9px}.bay__legend{gap:6px;margin-top:18px}.bay__legend button{padding:10px;font-size:9px}.bay .bay__description,.bay .bay__location{min-height:0}.bay__detail .bay__media{max-width:100%}.bay__direct{gap:4px 20px}.bay__direct>span{flex-basis:100%}.bay__direct a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bay *, .bay *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}