/* Updated Figma mockups, shared by the homepage and cross-case navigation. */
.project-visual.figma-cover{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;background:#ced1fa;border-radius:40px}
.project-visual.figma-cover>img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.project-visual.tele-cover{background:#b6b0a6;align-items:flex-end;justify-content:flex-start}
.project-visual.tele-cover>img{width:96%;height:auto;max-height:100%;object-fit:contain;object-position:bottom left}
.project-visual.filters-cover{display:flex;align-items:center;justify-content:center;gap:7%;padding:9% 8%;overflow:hidden;background:#e9d7a9;border-radius:40px}
.filters-cover>.iphone{flex:0 0 42%;padding:1%;box-shadow:0 18px 32px #66512338}
.filters-cover>.iphone:first-child{transform:translateY(-5%)}
.filters-cover>.iphone:last-child{transform:translateY(9%)}
.related-placeholder.figma-cover>img{object-fit:cover}
.related-placeholder.tele-cover{align-items:center}
.related-placeholder.tele-cover>img{width:100%;height:auto}
.related-placeholder.filters-cover{padding:12% 8%;gap:5%}
@media(max-width:1100px){.project-visual.figma-cover,.featured .project-visual.figma-cover{aspect-ratio:1080/800;height:auto}.project-visual.figma-jibbitz{aspect-ratio:803/650}}
@media(max-width:650px){.project-visual.figma-cover,.project-visual.filters-cover{border-radius:24px}}
.related-grid .related-placeholder.figma-cover,.related-grid .related-placeholder.filters-cover{height:auto;aspect-ratio:528/601}

/* Dedicated related-project compositions from Figma 32:39068. */
.related-grid .carousel-cover{position:relative;display:block;height:auto;aspect-ratio:528/601;background:#1b1b1b;overflow:hidden;border-radius:40px;padding:0}
.related-grid .carousel-cover>img{position:absolute;display:block;width:63.2576%;height:auto;max-height:none;left:18.3712%;bottom:0}
.related-grid .carousel-telemost>img{width:89.7727%;left:10.2273%;bottom:0}
@media(max-width:650px){.related-grid .carousel-cover{border-radius:24px}}
/* Compact related-project copy on mobile and narrow viewports. */
@media(max-width:1100px){
 .case-page .related-grid .case-copy h2{font-size:20px;line-height:24px}
 .case-page .related-grid .case-copy p{font-size:16px;line-height:22px;font-weight:400}
 .case-page .related-grid .project-meta{font-size:14px;line-height:20px}
}