
.gr-bridge-art {
  height: clamp(580px, 42vw, 720px);
  min-height: 0;
  padding-inline: 32px var(--gr-content-rail);
  overflow: hidden;
}
.gr-bridge-boxes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; height: 100%; }
.gr-bridge-column { position: relative; min-width: 0; }
.gr-bridge-track { position: absolute; top: 50%; width: 100%; display: grid; gap: 24px; transform: translateY(-50%); }
.gr-bridge-box { aspect-ratio: 1; margin: 0; border: 6px solid var(--gr-ivory); overflow: hidden; }
.gr-bridge-box img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gr-bridge-art.is-scroll-ready .gr-bridge-track { top: 0; }
html:not(.w-mod-js) .section-projects .projects-end-para,
html:not(.w-mod-js) .section-projects .project-btn { opacity: 1; }
@media (max-width: 900px) {
  .gr-bridge-art { height: 520px; padding-left: 24px; }
  .gr-bridge-boxes,.gr-bridge-track { gap: 16px; }
  .gr-bridge-box { border-width: 4px; }
}
@media (max-width: 600px) {
  .gr-bridge-art { height: clamp(360px, 100vw, 480px); padding-inline: var(--gr-content-rail); }
}
@media (prefers-reduced-motion: reduce) {
  .gr-bridge-art .gr-bridge-track { top: 50%; transform: translateY(-50%) !important; }
}
.local-reduced-motion .gr-bridge-art .gr-bridge-track { top: 50%; transform: translateY(-50%) !important; }
