.m-fig{margin:0;display:block}
.m-fig figcaption,.m-cap{margin-top:.5rem;font-size:.875rem;line-height:1.4;opacity:.75}
.m-frame{display:block;position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md,10px);background:color-mix(in srgb,currentColor 8%,transparent);aspect-ratio:var(--m-ratio,3/2)}
.m-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.m-free>img{display:block;width:100%;height:auto}
.m-grid{display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.m-grid>*{min-width:0}
.m-grid--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}
.m-ba{display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.m-ba>*{min-width:0}
.m-ba__pair{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.m-ba__pair>figure{min-width:0}
.m-tag{display:inline-block;margin-bottom:.35rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.m-wall{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1.75rem);align-items:center;justify-content:center;list-style:none;margin:0;padding:0}
.m-wall li{min-width:0}
.m-wall img{display:block;width:auto;height:clamp(28px,6vw,48px);max-width:min(100%,180px);object-fit:contain}
.m-hero{width:100%}
.m-hero .m-frame{aspect-ratio:var(--m-ratio,16/9);border-radius:0}
@media (max-width:479px){.m-frame{aspect-ratio:var(--m-ratio-s,4/3)}}