.mosaic-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 24px;padding:8px 0}
.mtile{width:150px;text-align:center}
.mtile-frame{width:140px;height:140px;border-radius:30px;padding:6px;margin:0 auto;box-shadow:var(--shadow-sm);display:block}
.mtile-inner{width:100%;height:100%;border-radius:22px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.mtile-inner img{width:100%;height:100%;object-fit:cover;display:block}
.mtile-inner .q{font-family:var(--ff-head);font-weight:800;font-size:2.3rem;color:var(--grey-2)}
.mtile-cat{margin-top:14px;font-family:var(--ff-head);font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.mtile-cat.open{color:var(--grey-2)}
.mtile-name{margin-top:3px;font-family:var(--ff-head);font-weight:800;font-size:.94rem;color:var(--ink);line-height:1.25}
.mtile-biz{margin-top:2px;font-size:.76rem;color:var(--grey-1)}
.mtile-open .mtile-frame{background:var(--paper) !important;border:2.5px dashed var(--line);padding:4px;transition:transform .2s ease,border-color .2s ease}
.mtile-open .mtile-frame:hover{transform:translateY(-4px);border-color:var(--red)}
.mtile-open .mtile-inner{background:transparent}
.mtile-open .q{color:var(--grey-2)}
.mosaic-hero{background:var(--ink);color:#fff;border-radius:var(--radius);padding:64px 40px;text-align:center}
.mosaic-hero .eyebrow{color:var(--red)}
.mosaic-hero h1{color:#fff !important;font-size:clamp(2rem,5vw,3.4rem);margin-top:14px}
.mosaic-hero p{color:rgba(255,255,255,.8);margin-top:16px;font-size:1.1rem;max-width:640px;margin-left:auto;margin-right:auto}
.mosaic-hero .ctas{justify-content:center;margin-top:30px}
@media(max-width:600px){
  .mtile,.mtile-frame{width:112px}
  .mtile-frame{height:112px;border-radius:24px}
  .mtile-inner{border-radius:18px}
  .mtile-inner .q{font-size:1.8rem}
  .mosaic-grid{gap:24px 16px}
  .mosaic-hero{padding:48px 24px}
}