.ma-hero-mockup{position:absolute;inset:0;overflow:hidden}
.ma-hero-scene{position:absolute;left:0;top:0;transform-origin:0 0;visibility:hidden}
.ma-hero-scene--sp{display:none}
.ma-hero-mockup .ma-hero-background{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
.ma-hero-ui{position:absolute;left:0;top:0;width:554px;height:1200px;transform-origin:0 0;overflow:hidden;border-radius:58px;backface-visibility:hidden}
.ma-hero-mockup .ma-hero-ui img{display:block;width:554px;height:1200px;max-width:none;object-fit:fill}
.ma-hero-island{position:absolute;top:16px;left:190px;width:174px;height:42px;background:#111;border-radius:24px}
.works-card__media .ma-hero-mockup{position:relative;width:100%;height:100%}
@media(max-width:767px){.ma-hero-scene--pc{display:none}.ma-hero-scene--sp{display:block}}
.works-card__media .ma-hero-scene--pc{display:block}
.works-card__media .ma-hero-scene--sp{display:none}

.project-panel[data-work="ma"] .project-meta{color:var(--color-fg-inverse)}
.project-panel[data-work="ma"] .project-media::after{background:var(--image-caption-overlay)}