/* TRi — Products — page-specific rules lifted from frames/modernist-products.html.
   GENERATED by build/build_wp_theme.py */
.sec{padding:76px 0;border-top:2px solid var(--color-divider)}
.eyebrow{color:var(--color-accent);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--space-3)}
.ph{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--color-neutral-200),var(--color-neutral-200) 11px,var(--color-neutral-100) 11px,var(--color-neutral-100) 22px)}
.ph > span{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);background:var(--color-bg);padding:3px 9px;position:relative;z-index:2}
.util{display:flex;align-items:center;gap:var(--space-6);font-size:12px;padding:8px 0;color:color-mix(in srgb,var(--color-text) 65%,transparent)}
.family{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}
.family.rev .media{order:2}
.family ul{margin:var(--space-4) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.family li{display:flex;gap:10px;font-size:15px;line-height:1.4}
.family li svg{flex:none;margin-top:3px;color:var(--color-accent)}
.model-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.model-chip{border:2px solid var(--color-text);padding:9px 16px;font-size:14px;text-decoration:none;color:var(--color-text);display:inline-flex;align-items:center;gap:8px}
.model-chip:hover{background:var(--color-text);color:var(--color-bg)}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.media-grid img{width:100%;height:170px;object-fit:contain;background:var(--color-surface)}
.tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-divider);padding:4px 10px;color:color-mix(in srgb,var(--color-text) 65%,transparent);margin-right:8px}
.acc-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.acc-cat{border:2px solid var(--color-text);text-decoration:none;color:inherit;display:flex;flex-direction:column}
.acc-cat img{width:100%;height:150px;object-fit:contain;background:var(--color-surface);display:block;padding:var(--space-3);box-sizing:border-box}
.acc-cat-b{padding:var(--space-4);border-top:2px solid var(--color-divider)}
.acc-cat:hover{background:var(--color-surface)}
.acc-cat:hover .card-title{color:var(--color-accent)}