/* Join the project rail to its next section without stacking section padding. */
.studio-page .showcase-section{padding-bottom:34px}
.studio-page .systems-section{padding-top:44px;align-items:start}
.systems-intro{padding-top:6px}
.systems-bridge{position:relative;display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:clamp(20px,4vw,60px);padding:26px 24px;isolation:isolate;border-top:1px solid #37373e;border-bottom:1px solid #37373e;background:linear-gradient(105deg,#19191d88,#070708 36%,#13131688);transition:border-color .25s}
.systems-bridge::before{content:'';position:absolute;left:0;top:-1px;width:60px;height:2px;background:#ff003b;box-shadow:0 0 16px #ff003b38}
.systems-bridge::after{content:'';position:absolute;right:44px;top:100%;height:44px;width:1px;background:linear-gradient(#ff003b,#63636f);pointer-events:none}
.bridge-source,.bridge-destination{display:flex;align-items:center;gap:16px;min-width:0}
.bridge-source img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 14px #ff003b25)}
.bridge-copy{display:grid;gap:6px}
.bridge-copy>.mono{font-size:8px;letter-spacing:.15em;color:#848491;line-height:1.4}
.bridge-copy strong{font-family:var(--display);font-size:clamp(20px,2.05vw,30px);font-weight:700;letter-spacing:-.055em;line-height:1;background:var(--studio-chrome);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.bridge-shield{width:40px;height:44px;color:#ff003b;flex-shrink:0}
.bridge-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #4a4a54;border-radius:50%;font-size:23px;line-height:1;color:#ff003b;margin-left:10px;transition:transform .25s,border-color .25s}
.bridge-trace{position:relative;height:1px;background:linear-gradient(90deg,#ff003b88,#81818e66 55%,#ff003b88)}
.bridge-trace::before,.bridge-trace::after{content:'';position:absolute;top:-3px;width:7px;height:7px;border:1px solid #b3b3c0;background:#101014;transform:rotate(45deg)}
.bridge-trace::before{left:0}.bridge-trace::after{right:0}
.bridge-junction{position:absolute;left:50%;top:-9px;width:18px;height:18px;border:1px solid #45454f;background:#0b0b0e;transform:translateX(-50%) rotate(45deg)}
.bridge-junction::after{content:'';position:absolute;inset:5px;background:#ff003b;box-shadow:0 0 12px #ff003b88}
.bridge-pulse{position:absolute;top:-1px;left:5%;width:32px;height:3px;background:linear-gradient(90deg,transparent,#ff003b);box-shadow:8px 0 18px #ff003b55;animation:bridge-signal 3.5s ease-in-out infinite}
.systems-bridge:hover{border-color:#71717c}.systems-bridge:hover .bridge-arrow{transform:translateY(3px);border-color:#ff003b}
@keyframes bridge-signal{0%{left:4%;opacity:0}15%{opacity:1}80%{opacity:1}100%{left:calc(100% - 38px);opacity:0}}
@media(max-width:1000px){.systems-bridge{gap:22px;padding-inline:18px}.bridge-source,.bridge-destination{gap:12px}.bridge-copy strong{font-size:21px}.bridge-source img{width:40px;height:40px}.bridge-shield{width:32px;height:38px}.bridge-arrow{width:32px;height:32px;margin-left:2px}.systems-bridge::after{right:34px}}
@media(max-width:800px){.studio-page .showcase-section{padding-bottom:28px}.studio-page .systems-section{padding-top:36px}.systems-bridge{grid-template-columns:auto minmax(30px,1fr) auto;gap:15px;padding:23px 15px}.bridge-copy strong{font-size:18px}.bridge-copy>.mono{font-size:6px}.bridge-source img{width:34px;height:34px}.bridge-shield{width:28px;height:32px}.bridge-source,.bridge-destination{gap:9px}.bridge-arrow{font-size:19px;width:28px;height:28px}.systems-bridge::after{height:36px;right:29px}}
@media(max-width:560px){.systems-bridge{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px}.bridge-source,.bridge-destination{gap:14px}.bridge-source img,.bridge-shield{width:36px;height:40px}.bridge-copy strong{font-size:23px}.bridge-copy>.mono{font-size:7px}.bridge-trace{height:33px;width:1px;margin:9px 0 9px 18px;background:linear-gradient(#ff003b99,#77778499)}.bridge-trace::before,.bridge-trace::after{left:-2px;top:0;width:5px;height:5px}.bridge-trace::after{top:auto;bottom:0}.bridge-junction{display:none}.bridge-pulse{left:-1px;top:0;width:3px;height:14px;background:linear-gradient(transparent,#ff003b);animation:bridge-signal-mobile 3.5s ease-in-out infinite}.bridge-arrow{margin-left:auto;width:32px;height:32px}.systems-bridge::after{height:28px;right:auto;left:38px}.studio-page .systems-section{padding-top:28px}.systems-intro{padding-top:0}.systems-intro .guard-art{height:145px;margin:20px auto 22px}.systems-grid{margin-top:20px}}
@keyframes bridge-signal-mobile{0%{top:0;opacity:0}15%{opacity:1}80%{opacity:1}100%{top:calc(100% - 14px);opacity:0}}
@media(prefers-reduced-motion:reduce){.bridge-pulse{animation:none;left:15%;opacity:.8}.systems-bridge,.bridge-arrow{transition:none}.systems-bridge:hover .bridge-arrow{transform:none}}