/* Muster's portrait screens keep its visual story distinct from the web tools. */
.project-art.mobile-art{height:380px;padding:20px 28px;background:#e9e4d6}
.mobile-showcase{display:flex;justify-content:center;align-items:center;gap:26px;width:100%;height:100%}
.mobile-screen{display:flex;flex-direction:column;align-items:center;gap:11px;width:calc((100% - 26px)/2);max-width:144px;min-width:0}
.mobile-frame{display:block;width:100%;overflow:hidden;border:2px solid #293631;border-radius:17px;background:#f9f6ef;box-shadow:0 9px 24px #25352e14}
.mobile-frame img{display:block;width:100%;height:auto;object-fit:contain;border:0;transform:none!important;transition:none}
.mobile-screen-label{font-size:8px;line-height:1.4;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#48564e;text-align:center}
.mobile-showcase-large{height:auto;padding:36px 40px;background:#e9e4d6;border:1px solid var(--rule);gap:46px;align-items:flex-start}
.mobile-showcase-large .mobile-screen{width:calc((100% - 46px)/2);max-width:270px;gap:18px}
.mobile-showcase-large .mobile-frame{border-radius:25px}
.mobile-showcase-large .mobile-screen-label{font-size:11px}
.mobile-image-links{display:flex;flex-wrap:wrap;gap:8px 24px}
@media(max-width:650px){
  .project-art.mobile-art{aspect-ratio:auto;height:380px;padding:20px}
  .mobile-showcase{gap:22px}
  .mobile-showcase-large{padding:22px 18px;gap:20px}
  .mobile-showcase-large .mobile-screen{width:calc((100% - 20px)/2);gap:13px}
  .mobile-showcase-large .mobile-frame{border-radius:16px}
  .mobile-showcase-large .mobile-screen-label{font-size:9px;letter-spacing:.08em}
}