/* Phone/tablet imagery without the decorative toy rims. Keep desktop intact. */
.mobile-portfolio .project-tile .tile-visual {
 padding:0;border:0;border-radius:18px!important;background:transparent;box-shadow:none;
}
.mobile-portfolio .tile-visual>img,
.mobile-portfolio .tile-visual>.mobile-preview,
.mobile-portfolio .mobile-portal-media,
.mobile-portfolio .mobile-portal-glow {
 inset:0;width:100%;height:100%;
}
/* Reveal geometry/timing remains unchanged and now fills the whole cover. */
.mobile-portfolio .case-detail.case-video-first {
 --case-hero-rim:0px;
 --case-hero-width:calc(var(--case-hero-height) * var(--case-hero-ratio));
}
.mobile-portfolio .case-detail.case-video-first .case-film-frame,
.mobile-portfolio .case-detail.case-video-first .case-primary-image,
.mobile-portfolio .case-detail .case-gallery .case-image,
.mobile-portfolio .case-detail .case-visit-poster {
 padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;
}
.mobile-portfolio .case-detail.case-video-first .case-film-frame::before,
.mobile-portfolio .case-detail.case-video-first .case-primary-image::before,
.mobile-portfolio .case-detail .case-image::before {
 display:none;
}
.mobile-portfolio .case-detail.case-video-first .case-film-frame :is(video,iframe),
.mobile-portfolio .case-detail.case-video-first .case-primary-image :is(img,picture),
.mobile-portfolio .case-detail .case-image>:is(img,picture),
.mobile-portfolio .case-detail .case-image>picture img {
 border:0;border-radius:18px;box-shadow:none;
}
.mobile-portfolio .case-detail .case-image>.mobile-preview {
 inset:0;width:100%;height:100%;border-radius:18px;
}
/* An interaction outline is still available to keyboard users. */
.mobile-portfolio .case-detail .case-image:focus-visible {
 outline-offset:4px;border-radius:18px;
}