/* Five authentic project marks in the shared case-study navigation. */
.image-first .project-crossnav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.project-crossnav a[href="honey-bears.html"] img{max-width:180px;width:100%;height:105px;object-fit:contain}
@media(max-width:760px){.image-first .project-crossnav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-crossnav a[href="honey-bears.html"]{grid-column:1/-1;justify-self:center;width:calc((100% - 12px)/2)}.project-crossnav a[href="honey-bears.html"] img{height:90px}}
/* Keep the portfolio project selector contained as a single quiet panel. */
.portfolio.image-first .project-crossnav{width:100%;max-width:100%;margin:40px 0 0;padding:28px;border:1px solid #183c3340;border-radius:22px;box-sizing:border-box;align-items:stretch;gap:20px;background:#f7f5e9}
.portfolio .project-crossnav a{min-width:0;max-width:100%;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.portfolio .project-crossnav a img,.portfolio .project-crossnav a[href="honey-bears.html"] img{display:block;width:100%;max-width:150px;height:90px;object-fit:contain}
.portfolio .project-crossnav span{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:760px){.portfolio.image-first .project-crossnav{padding:18px 12px;border-radius:12px;gap:16px 8px;margin-top:28px}.portfolio .project-crossnav a{padding:8px 4px}.portfolio .project-crossnav a img,.portfolio .project-crossnav a[href="honey-bears.html"] img{max-width:120px;height:76px}.portfolio .project-crossnav span{font-size:14px}.portfolio .project-crossnav a[href="honey-bears.html"]{width:calc((100% - 8px)/2)}}