.logos{padding:0 var(--frame) var(--sp5);background:var(--s1)}
.logos .col h2{margin-top:clamp(20px,2.6vw,40px)}
.logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px);
  margin-top:clamp(16px,2vw,28px);--u:4.9cqw}
.logo-grid>*{aspect-ratio:3/2;background:var(--s2);border-radius:var(--r);
  display:grid;place-items:center;transition:background-color .25s cubic-bezier(.22,1,.36,1)}
.logo-grid>a:hover{background:var(--s3)}
.logo-grid img{display:block;height:auto;max-width:none;width:calc(var(--u) * var(--f))}
.logo-grid .logo-mine{background:none;box-shadow:inset 0 0 0 1px var(--red);
  font:500 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
@media (max-width:734px){
  .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;--u:8.2cqw}
  .logo-grid .logo-mine{grid-column:span 3;aspect-ratio:auto;min-height:56px}}