/*
 * Integrationen als Bento-Raster (Startseite), nach der alten TaskMonkey-Seite
 * (meco-media.com/taskmonkey-old, .tm-logo-wall), auf hellem Grund.
 * Logos unveraendert aus _product-landing/logos/, Kacheln immer weiss,
 * damit farbige Logos auch im Dark Mode auf ihrem Grund stehen.
 */
.lw { padding: clamp(40px, 6vw, 72px) 0; text-align: center; }
.lw-tag { margin: 0; font: 600 13px/1.2 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--pl-accent-text); }
.lw-h { margin: 12px auto 28px; max-width: 30ch; font-family: var(--pl-serif); font-weight: 600; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.25; color: var(--pl-text); }
.lw-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-auto-flow: dense; gap: 8px; max-width: 720px; margin: 0 auto; padding: 0; list-style: none; }
.lw-item { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--pl-border); }
.lw-item img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.lw-big { grid-column: span 2; grid-row: span 2; padding: 22px; }
/* Wortmarken-Kacheln: Name in unserer Schrift, keine Herstellerfarbe (Marken ohne Logo-Freigabe) */
.lw-word span { font-family: var(--pl-sans); font-size: 13px; font-weight: 700; line-height: 1.15; color: #2B3338; text-align: center; }
.lw-note { margin: 18px 0 0; font-size: 12px; color: var(--pl-muted); }
@media (prefers-color-scheme: dark) { .lw-item { border-color: transparent; } }
@media (max-width: 600px) {
  .lw-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
  .lw-item { padding: 8px; border-radius: 10px; }
  .lw-big { padding: 14px; }
  .lw-word { padding: 4px; }
  .lw-word span { font-size: 9.5px; letter-spacing: -.01em; overflow-wrap: normal; }
}