/* The sixth project, Jesse Broers, in his own green. Same slot, card, caption and hover geometry as the others. */
.case-card.case-5{z-index:5}
.case-art-jb{background:#10241c}
.case-art-jb .art-backdrop{opacity:.3;filter:saturate(.85);object-position:50% 42%}
.case-art-jb .art-logo-jb{top:10%;left:14%;right:14%;gap:12px;color:#ece8de;font-weight:600;letter-spacing:.2em}
.case-art-jb .art-logo-jb img{width:44px;height:31px}
.case-art-jb .art-logo-jb span{font-size:.78em}
.case-art-jb .art-browser{top:28%;left:10%;width:66%;transform:rotate(-5deg);border-color:#1c3a2f;background:#1c3a2f}
.case-art-jb .art-browser>img{aspect-ratio:auto;height:auto;object-fit:contain}
.case-art-jb .art-phone{top:25%;left:71%;width:21%;aspect-ratio:auto;height:auto;transform:rotate(6deg);border-color:#1c3a2f}
.case-art-jb .art-phone>img{height:auto;object-fit:contain}
.jb-case-photo{margin-top:48px}
.jb-case-photo img{max-width:960px}
@media(max-width:760px){
  .case-art-jb .art-logo-jb{top:10%;left:10%;right:10%;gap:9px}
  .case-art-jb .art-logo-jb img{width:32px;height:23px}
  .case-art-jb .art-browser{top:28%;left:9%;width:68%}
  .case-art-jb .art-phone{top:24%;left:72%;width:20%}
  .jb-case-photo{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
  .case-art-jb .art-stage{transition:none}
}