/* Canonical Media Module — editorial frames for real photos, screenshots and article covers. */
.bh-media--screen,
.bh-work__image,
.work-image,
.bp-work-image,
.journal-list__visual {
    overflow: hidden;
    border: 1px solid var(--bh-media-frame);
    background: var(--bh-media-paper);
}

.journal-list__visual img {
    border: 0;
}

.bh-media--portrait img,
.bh-bookstore img,
.bh-about-intro__photo img,
.bh-about-journey__photo img,
.bh-about-life__gallery img {
    border: 1px solid var(--bh-media-frame);
}

.article-detail__cover img,
.article-prose figure img,
.case-desktop-frame img,
.case-mobile-frame img,
.case-screen-gallery img {
    border-color: var(--bh-media-frame);
}

.bh-work__image {
    border-color: var(--bh-media-frame);
    box-shadow: var(--bh-media-shadow);
}

.case-desktop-frame img,
.case-mobile-frame img,
.case-screen-gallery img {
    box-shadow: var(--bh-media-shadow);
}

.bh-media figcaption,
.bh-about-intro__photo figcaption,
.bh-about-journey__photo figcaption,
.bh-about-life__gallery figcaption,
.case-desktop-frame figcaption,
.case-mobile-frame figcaption,
.case-screen-gallery figcaption,
.article-detail__cover figcaption,
.article-prose figcaption {
    margin-top: var(--bh-media-caption-gap);
    color: var(--bh-media-caption);
}

.work-image img,
.bh-work__image img,
.bp-work-image img,
.journal-list__visual img {
    transition: transform var(--bh-motion-standard) ease;
}

@media (hover: hover) {
    .work-image:hover img,
    .work-image:focus-visible img,
    .bh-work__image:hover img,
    .bh-work__image:focus-visible img,
    .bp-work-card:hover .bp-work-image img,
    .bp-work-card:focus-visible .bp-work-image img,
    .journal-list__visual:hover img,
    .journal-list__visual:focus-visible img {
        transform: scale(var(--bh-media-hover-scale));
    }
}

@media (prefers-reduced-motion: reduce) {
    .work-image img,
    .bh-work__image img,
    .bp-work-image img,
    .journal-list__visual img {
        transition-duration: 0.01ms !important;
        transform: none !important;
    }
}
