/* Homepage strip "Built for every kind of museum": six tiles, one per kind of museum, each a line icon (ink, with one rust detail) and a short plain line.
   Illustration only: the tiles are not links, so there is nothing to tab to. Warm white page, white tiles with the thin card border. Light theme only.
   Three across from 1024px, two across from 481px, one column on a phone. */
.mtypes { background: var(--color-surface, #F7F4EF); color: var(--color-text, #2B2623); font-family: var(--font-body, "Source Sans 3", system-ui, sans-serif); padding: 80px 24px; }
.mtypes *, .mtypes *::before, .mtypes *::after { box-sizing: border-box; }
.mtypes__inner { max-width: 1200px; margin: 0 auto; }
.mtypes__title { margin: 0 0 12px; font-family: var(--font-display, "Rubik", system-ui, sans-serif); font-size: 32px; font-weight: 600; line-height: 1.2; }
.mtypes__lede { margin: 0 0 40px; max-width: 60ch; font-size: 18px; line-height: 1.5; }
.mtypes__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.mtypes__tile { display: flex; align-items: center; gap: 20px; padding: 24px; background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-card-border, #E5E0D8); border-radius: var(--radius, 4px); }
.mtypes__icon { flex: none; width: 48px; height: 48px; fill: none; stroke: var(--color-text, #2B2623); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.mtypes__icon .mtypes__accent { stroke: var(--color-accent, #A7410E); }
.mtypes__icon .mtypes__accent-fill { fill: var(--color-accent, #A7410E); stroke: none; }
.mtypes__name { margin: 0 0 4px; font-family: var(--font-display, "Rubik", system-ui, sans-serif); font-size: 18px; font-weight: 600; line-height: 1.3; }
.mtypes__text { margin: 0; font-size: 16px; line-height: 1.45; color: var(--color-text-muted, #5E5853); }
@media (min-width: 481px) { .mtypes__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mtypes__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .mtypes { padding: 48px 16px; } .mtypes__title { font-size: 26px; } .mtypes__lede { margin-bottom: 24px; } }