/**
 * MatBuilder — lnwkspages block "category_tiles" (replaces themes/lnwks/assets/css/lnwkspages/category_tiles.css).
 * Template: modules/lnwkspages/blocks/category_tiles/template.tpl (light section). Tokens: assets/css/custom.css.
 * Visuals: the mockup illustrations (img/lnwkspages/matbuilder/tile-*.svg, 250×210 frames, figure on a square at
 * 18.3% / 14.5%, 63.4% × 70.2% of the frame): the square is drawn here, grey, yellow on hover.
 */
.lnwks-tiles{padding-block:var(--mb-section-y);background:#fff;color:var(--rg-text)}
.lnwks-tiles__head{display:grid;gap:.5rem;justify-items:center;margin-bottom:clamp(2.5rem,5vw,4rem);text-align:center}
.lnwks-tiles__eyebrow{margin:0;font-family:var(--rg-caps);font-size:.75rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--rg-text-2)}
.lnwks-tiles__title{color:#000}
.lnwks-tiles__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2.5rem);margin:0;padding:0;list-style:none}
@media (min-width:992px){
  .lnwks-tiles--cols-3 .lnwks-tiles__list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lnwks-tiles--cols-4 .lnwks-tiles__list{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.lnwks-tiles__link{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#000;text-align:center;text-decoration:none}
.lnwks-tiles__media{position:relative;isolation:isolate;display:block;width:100%;max-width:17rem;aspect-ratio:250/210;margin-bottom:.75rem}
.lnwks-tiles__media::before{content:"";position:absolute;z-index:-1;left:18.3%;top:14.5%;width:63.4%;height:70.2%;background:#dadada;transition:background-color .25s,transform .25s}
.lnwks-tiles__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.lnwks-tiles__link:hover .lnwks-tiles__media::before,.lnwks-tiles__link:focus-visible .lnwks-tiles__media::before{background:var(--rg-brand);transform:rotate(-3deg)}
.lnwks-tiles__link:hover .lnwks-tiles__image{transform:translateY(-4px)}
.lnwks-tiles__label{font-family:var(--rg-font);font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.1;text-transform:uppercase}
.lnwks-tiles__text{font-family:var(--rg-font);font-style:italic;font-weight:400;font-synthesis:style;font-size:.8125rem;letter-spacing:.02em;text-transform:uppercase;color:#333}
.lnwks-tiles__link:focus{outline:none}
.lnwks-tiles__link:focus-visible{outline:2px solid #000;outline-offset:6px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.lnwks-tiles__media::before,.lnwks-tiles__image{transition:none}}