/* Hallmark · pre-emit critique: P5 H5 E5 S5 R4 V5 */
/* Hallmark · macrostructure: Catalogue · genre: industrial editorial · theme: existing HELPER tokens · nav: N11 · footer: site-wide · contrast: pass (40–41) · mobile: pass (34,49–57) */
:root{--products-hero-scrim:linear-gradient(90deg,oklch(15% .04 245/.98) 0%,oklch(16% .04 245/.91) 38%,oklch(16% .04 245/.35) 68%,oklch(15% .04 245/.12) 100%);--products-card-scrim:linear-gradient(0deg,oklch(14% .04 245/.94) 0%,oklch(14% .04 245/.12) 72%);--products-ink-soft:oklch(87% .012 245);--products-dark-rule:oklch(72% .03 245/.35);--products-shadow:0 24px 55px oklch(13% .035 245/.18)}
html,body{overflow-x:clip}.products-hub{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}.products-shell{width:min(var(--layout-max),calc(100% - 2rem));margin-inline:auto}.products-breadcrumbs{padding-block:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.products-breadcrumbs a{color:var(--color-link);text-decoration:none;white-space:nowrap}.products-breadcrumbs a:focus-visible,.family-card:focus-visible,.catalog-link:focus-visible,.products-action:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}
.products-hero{position:relative;min-height:min(39rem,calc(100svh - var(--nav-height)));display:grid;align-items:center;isolation:isolate;background:var(--color-navy-deep);color:var(--color-paper)}.products-hero::before,.products-hero::after{position:absolute;inset:0;content:"";z-index:-1}.products-hero::before{background:url('/assets/products-hub/food-processing-equipment-hero-ai-1920.webp') center/cover no-repeat}.products-hero::after{background:var(--products-hero-scrim)}.products-hero__content{max-width:45rem;padding-block:clamp(var(--space-xl),7vw,var(--space-3xl)) clamp(var(--space-2xl),9vw,8rem)}.products-kicker{display:block;margin:0 0 var(--space-sm);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-label);text-transform:uppercase}.products-hero h1,.products-section h2,.catalog-family h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal}.products-hero h1{max-width:13ch;margin:0;font-size:clamp(2.65rem,6vw,5.6rem);line-height:1.02;letter-spacing:var(--tracking-tight)}.products-hero__lede{max-width:38rem;margin:var(--space-md) 0 0;color:var(--products-ink-soft);font-size:clamp(var(--text-body),2vw,var(--text-lg));line-height:1.6}.products-action{display:inline-flex;align-items:center;min-height:var(--control-height);margin-top:var(--space-lg);padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font-weight:800;text-decoration:none;white-space:nowrap}.products-action:hover{background:var(--color-accent-dark)}
.products-ledger{position:relative;z-index:2;margin-top:calc(var(--space-xl)*-1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--rule-thin) solid var(--products-dark-rule);background:var(--color-navy-deep);box-shadow:var(--products-shadow);color:var(--color-paper)}.products-ledger div{padding:var(--space-md);border-right:var(--rule-thin) solid var(--products-dark-rule)}.products-ledger div:last-child{border-right:0}.products-ledger strong{display:block;font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));line-height:1}.products-ledger span{display:block;margin-top:var(--space-2xs);color:var(--products-ink-soft);font-size:var(--text-sm)}
.products-section{padding-block:clamp(var(--space-2xl),7vw,var(--space-3xl))}.products-section__head{max-width:50rem;margin-bottom:var(--space-xl)}.products-section h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em}.products-section__head p{max-width:43rem;margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-lg)}.family-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.family-card{position:relative;min-height:25rem;display:flex;align-items:flex-end;overflow:hidden;border-radius:var(--radius-control);background:var(--color-navy-deep);color:var(--color-paper);text-decoration:none;box-shadow:var(--products-shadow)}.family-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.family-card::after{position:absolute;inset:0;background:var(--products-card-scrim);content:""}.family-card__body{position:relative;z-index:1;width:100%;padding:var(--space-lg)}.family-card__meta{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-label);text-transform:uppercase}.family-card h3{max-width:16ch;margin:var(--space-2xs) 0;font-size:clamp(var(--text-xl),3vw,var(--text-2xl));line-height:1.08}.family-card p{max-width:38rem;margin:0;color:var(--products-ink-soft)}.family-card__link{display:inline-block;margin-top:var(--space-sm);color:var(--color-paper);font-weight:800;white-space:nowrap}.products-ai-note{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-xs)}
.products-catalog{background:var(--color-paper-2)}.catalog-stack{display:grid;gap:var(--space-md)}.catalog-family{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:var(--space-lg);padding:var(--space-lg);border-top:var(--rule-thin) solid var(--color-rule-strong);background:var(--color-paper)}.catalog-family h3{margin:0;color:var(--color-navy);font-size:var(--text-xl);line-height:1.15}.catalog-family__count{display:block;margin-top:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.catalog-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.catalog-link{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);text-decoration:none}.catalog-link b{min-width:0;font-size:var(--text-sm);line-height:1.35}.catalog-link span{flex:none;color:var(--color-accent-dark);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;white-space:nowrap}.catalog-link:hover{border-color:var(--color-accent);color:var(--color-link-active);transform:translateY(var(--lift))}
.catalog-family{grid-template-columns:minmax(0,.38fr) minmax(0,1fr)}.catalog-family__guide{grid-column:1/-1;min-height:4.6rem;margin:0 0 var(--space-2xs);padding:var(--space-sm);border-left:var(--rule-focus) solid var(--color-accent);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.catalog-family__visual{margin:var(--space-md) 0 0;overflow:hidden;border-radius:var(--radius-control);background:var(--color-navy-deep)}.catalog-family__visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.catalog-family__visual figcaption{padding:var(--space-2xs) var(--space-xs);color:var(--products-ink-soft);font-size:var(--text-xs)}.catalog-links{align-content:start}
.family-card__body{padding-bottom:calc(var(--space-lg) + 4rem)}
@media(hover:hover) and (pointer:fine){.family-card:hover img{transform:scale(var(--image-scale))}}@media(min-width:48rem){.products-shell{width:min(var(--layout-max),calc(100% - 3rem))}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.99rem){.products-hero{min-height:35rem}.products-hero::before{background-position:62% center}.products-ledger{grid-template-columns:minmax(0,1fr);margin-top:0}.products-ledger div{border-right:0;border-bottom:var(--rule-thin) solid var(--products-dark-rule)}.products-ledger div:last-child{border-bottom:0}.family-card{min-height:21rem}.catalog-family{grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding:var(--space-md)}.catalog-links{grid-template-columns:minmax(0,1fr)}}@media(max-width:23rem){.products-hero h1{font-size:2.4rem}.family-card__body{padding:var(--space-md) var(--space-md) calc(var(--space-md) + 4rem)}.catalog-link{display:block}.catalog-link span{display:block;margin-top:var(--space-2xs)}}@media(prefers-reduced-motion:reduce){.family-card img,.catalog-link{transition:none}.family-card:hover img{transform:none}}

/* Products hero: bright category concept, September 2026. */
.products-hero{background:#e5eaf0;color:#142c40;--products-hero-scrim:linear-gradient(90deg,rgba(236,240,244,.98) 0%,rgba(236,240,244,.94) 26%,rgba(236,240,244,.90) 43%,rgba(236,240,244,0) 70%)}
.products-hero::before{background-image:url('/assets/products-hub/food-processing-equipment-hero-bright-ai-1774.webp')}
.products-hero__content{max-width:none;margin-inline:auto}
.products-hero h1{max-width:12ch;font-size:clamp(2.65rem,4.4vw,4.6rem)}
.products-hero__lede{max-width:29rem;color:#344b60}
.products-hero .products-kicker{color:#245875}
.products-hero__note{font-size:.75rem;color:#435b6e;margin:.9rem 0 0}
@media(max-width:63.99rem){
 .products-hero{--products-hero-scrim:linear-gradient(180deg,#ecf0f4 0%,#ecf0f4 56%,rgba(236,240,244,0) 76%)}
 .products-hero::before{background-image:url('/assets/products-hub/food-processing-equipment-hero-bright-ai-800.webp');background-size:auto 260px;background-position:right bottom}
 .products-hero__content{padding-bottom:280px}
 .products-hero h1{max-width:16ch}
}
