/* Hallmark · macrostructure: existing HELPER column hubs · theme: approved homepage
 * Georgia / Segoe UI · charcoal / champagne / ivory · local redesign only.
 * Pre-emit critique: P5 H4 E4 S5 R5 V4. Existing content and section order retained. */
.hub-redesign {
  --font-display:Georgia,"Times New Roman",serif;
  --font-body:"Segoe UI",Arial,sans-serif;
  --font-mono:var(--font-body);
  --header-font:var(--font-body);
  --hub-gutter:clamp(1rem,3vw,2rem);
  --hub-section-space:clamp(3rem,6vw,5.5rem);
  --hub-hero-space:clamp(3rem,6vw,5rem);
  --hub-heading-size:clamp(2.25rem,4.2vw,3.75rem);
  --hub-section-heading:clamp(1.8rem,3vw,2.65rem);
  --hub-card-heading:clamp(1.35rem,1.8vw,1.65rem);
  --hub-dark-surface:var(--color-ink);
  --hub-dark-overlay:linear-gradient(90deg,var(--color-navy-deep),color-mix(in srgb,var(--color-navy-deep) 88%,transparent) 48%,color-mix(in srgb,var(--color-navy-deep) 35%,transparent));
  --hub-hero-pattern:linear-gradient(110deg,var(--color-navy-deep),var(--color-ink-2));
  --navy:var(--color-ink);--deep:var(--color-navy-deep);--orange:var(--color-terra);
  --ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-rule);
  --paper:var(--color-paper-2);--white:var(--color-paper);
  margin:0;background:var(--color-paper-2);color:var(--color-ink);
  font-family:var(--font-body);font-size:16px;line-height:1.7;
}
.hub-redesign main{background:var(--color-paper-2);font-family:var(--font-body);color:var(--color-ink)}
.hub-redesign .hf-header a{text-decoration:none}
.hub-redesign :is(p,li,dt,dd,figcaption,label,input,textarea,select,button,small,summary){font-family:var(--font-body)}
.hub-redesign main :is(h1,h2,h3,h4){font-family:var(--font-display)!important;font-weight:500!important;font-style:normal;letter-spacing:var(--tracking-tight);text-wrap:pretty}
.hub-redesign main h1{font-size:var(--hub-heading-size)!important;line-height:1.12!important;max-width:21ch;margin-block:0 24px}
.hub-redesign main h2{font-size:var(--hub-section-heading)!important;line-height:1.2!important}
.hub-redesign main h3{font-size:var(--hub-card-heading)!important;line-height:1.3!important}
.hub-redesign main p{line-height:1.75}
.hub-redesign main :is(a,button){touch-action:manipulation}
.hub-redesign main :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}
.hub-redesign main [id]{scroll-margin-top:140px}
.hub-redesign :is(.products-shell,.sh-wrap,.app-wrap,.ab-wrap,.kr-wrap,.wrap,.contact-wrap,.career-wrap,.learn-wrap,.yp-wrap,.hf-link-bridge__wrap){width:min(var(--layout-max),calc(100% - var(--hub-gutter)*2));margin-inline:auto}
.hub-redesign :is(.products-breadcrumbs,.sh-crumbs,.app-crumbs,.ab-crumbs,.kr-crumbs,.breadcrumbs,.contact-crumbs,.career-crumbs){font-size:12px;font-weight:400;line-height:1.6;padding-block:16px;color:var(--color-muted)}
.hub-redesign :is(.products-breadcrumbs,.sh-crumbs,.app-crumbs,.ab-crumbs,.kr-crumbs,.breadcrumbs,.contact-crumbs,.career-crumbs) a{color:var(--color-accent-dark);font-weight:400}
.hub-redesign :is(.products-section,.sh-section,.app-section,.ab-chain,.ab-capabilities,.ab-evidence,.ab-section,.kr-section,.career-section,.contact-workspace,.tool-shell,.hf-link-bridge){padding-block:var(--hub-section-space)}
.hub-redesign :is(.products-kicker,.sh-kicker,.app-kicker,.ab-kicker,.kr-kicker,.career-kicker,.eyebrow,.learn-kicker,.sd-kicker,.hf-link-bridge__eyebrow){font-family:var(--font-body);font-size:11px;font-weight:500;line-height:1.6;letter-spacing:2.6px;text-transform:uppercase;color:var(--color-accent-dark)}
.hub-redesign :is(.products-section__head,.app-head,.ab-head,.kr-head,.career-head,.sh-section__head,.contact-section-head){margin-bottom:32px}
.hub-redesign :is(.products-section__head,.app-head,.ab-head,.kr-head,.career-head,.sh-section__head) p{font-size:16px;max-width:68ch}

/* Hero families keep their existing markup and image sources. */
.hub-redesign :is(.products-hero,.sh-intro,.app-hero,.ab-hero,.kr-hero,.tools-hero,.contact-hero,.career-hero){background:var(--hub-hero-pattern);color:var(--color-paper);border-color:var(--color-dark-rule);padding-block:var(--hub-hero-space)}
.hub-redesign :is(.products-hero,.sh-intro,.app-hero,.ab-hero,.kr-hero,.tools-hero,.contact-hero,.career-hero) h1{color:var(--color-paper)}
.hub-redesign :is(.products-hero,.sh-intro,.app-hero,.ab-hero,.kr-hero,.tools-hero,.contact-hero,.career-hero) :is(p,.ab-lead,.career-lead,.sh-intro__lede){color:var(--color-light-muted);font-size:17px;font-weight:400;max-width:65ch}
.hub-redesign :is(.products-hero,.sh-intro,.app-hero,.ab-hero,.kr-hero,.tools-hero,.contact-hero,.career-hero) :is(.products-kicker,.app-kicker,.ab-kicker,.kr-kicker,.career-kicker,.eyebrow){color:var(--color-gold);font-size:11px;letter-spacing:2.6px}
.hub-redesign :is(.ab-hero__grid,.career-hero__grid){padding-block:0;align-items:center;gap:48px}
.hub-redesign :is(.ab-hero__aside,.career-hero__boundary,.contact-hero__direct,.kr-hero__aside){border:1px solid var(--color-dark-rule);border-top:2px solid var(--color-gold);padding:28px;background:var(--hub-dark-surface);border-radius:0;min-width:0}
.hub-redesign :is(.ab-hero__aside,.career-hero__boundary,.kr-hero__aside) b{display:block;margin-bottom:16px;font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.35;color:var(--color-paper)}
.hub-redesign :is(.ab-hero__aside,.career-hero__boundary,.contact-hero__direct,.kr-hero__aside) :is(p,span,li){color:var(--color-light-muted);font-size:14px}
.hub-redesign .contact-hero__direct>a{font-size:17px;font-weight:500;color:var(--color-gold-light);overflow-wrap:anywhere}
.hub-redesign :is(.ab-text-link,.app-text-link,.sh-intro__link){font-family:var(--font-body);font-size:14px;font-weight:500}
.hub-redesign :is(.ab-hero,.app-hero,.sh-intro) :is(.ab-text-link,.app-text-link,.sh-intro__link){color:var(--color-gold-light);border-color:var(--color-gold)}
.hub-redesign .ab-hero__figure{margin:0;border:1px solid var(--color-dark-rule);border-top-color:var(--color-gold);background:var(--color-navy-deep)}
.hub-redesign .ab-hero__figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.hub-redesign .ab-hero__figure figcaption{font-size:12px;line-height:1.6;padding:12px 16px;color:var(--color-light-muted)}
.hub-redesign .products-hero{--products-hero-scrim:var(--hub-dark-overlay);min-height:520px;padding:0}
.hub-redesign .products-hero::before{background-image:url('/assets/products-hub/food-processing-equipment-hero-bright-ai-1774.webp');background-size:cover;background-position:center}
.hub-redesign .products-hero__content{padding-block:var(--hub-hero-space);max-width:var(--layout-max)}
.hub-redesign .products-hero h1{max-width:17ch}
.hub-redesign .products-hero__lede{max-width:53ch}
.hub-redesign .products-hero .products-hero__note{font-size:11px;color:var(--color-light-muted);margin-top:16px}
.hub-redesign .app-hero__content{grid-template-columns:minmax(0,.72fr) minmax(0,.28fr)}
.hub-redesign .app-hero__veil{background:var(--hub-dark-overlay)}
.hub-redesign .app-hero .app-hero__source{font-size:11px;font-weight:400;line-height:1.6;margin-top:24px}
.hub-redesign .tools-hero:after{display:none}
.hub-redesign .tools-count span{border-color:var(--color-dark-rule);border-radius:0;color:var(--color-gold-light);font-weight:400}

/* Same gold treatment as the approved homepage. */
.hub-redesign main :is(.products-action,.ab-button,.app-button,.career-button,.kr-button,.learn-button,.sd-button,.btn,.contact-submit,.hf-link-bridge__button){display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 24px;border:1px solid transparent;border-radius:0;background:var(--action-gold-gradient);color:var(--color-navy-deep);font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.55;letter-spacing:1px;text-align:center;text-transform:uppercase;text-decoration:none;white-space:normal;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}
.hub-redesign main :is(.products-action,.ab-button,.app-button,.career-button,.kr-button,.learn-button,.sd-button,.btn,.contact-submit,.hf-link-bridge__button):hover{color:var(--color-navy-deep);background:var(--action-gold-gradient);box-shadow:var(--action-gold-shadow);transform:translateY(-2px)}
.hub-redesign main :is(.ab-button--secondary,.career-button--quiet,.kr-button--ghost){background:transparent;border-color:var(--color-rule-strong);color:var(--color-ink)}
.hub-redesign main :is(.ab-project,.career-cta,.sh-close,.ab-cta,.app-section--dark) :is(.ab-button--secondary,.career-button--quiet,.kr-button--ghost){color:var(--color-paper)}
.hub-redesign main .contact-submit{background:var(--color-terra);color:var(--color-paper)}

/* Product routes: photographs above restrained editorial descriptions. */
.hub-redesign .products-ledger{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-top:2px solid var(--color-gold);box-shadow:none;margin-top:0}
.hub-redesign .products-ledger div{border-color:var(--color-rule);padding:24px 32px}
.hub-redesign .products-ledger strong{font-family:var(--font-display);font-size:38px;font-weight:400;color:var(--color-accent-dark)}
.hub-redesign .products-ledger span{font-family:var(--font-body);color:var(--color-muted);font-size:13px}
.hub-redesign .family-grid{gap:24px}
.hub-redesign .family-card{display:flex;flex-direction:column;align-items:stretch;min-height:0;border:1px solid var(--color-rule);border-radius:0;background:var(--color-paper);color:var(--color-ink);box-shadow:none}
.hub-redesign .family-card img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hub-redesign .family-card::after{display:none}
.hub-redesign .family-card__body{display:flex;flex:1;flex-direction:column;padding:28px}
.hub-redesign .family-card h3{max-width:none;margin:12px 0;font-size:28px!important}
.hub-redesign .family-card__meta{font:500 11px/1.5 var(--font-body);color:var(--color-accent-dark);letter-spacing:1px}
.hub-redesign .family-card p{color:var(--color-muted);font-size:15px}
.hub-redesign .family-card__link{padding-top:24px;margin-top:auto;font:500 12px/1.6 var(--font-body);color:var(--color-terra);letter-spacing:.8px}
.hub-redesign .catalog-family{border-color:var(--color-rule);padding:32px;gap:32px}
.hub-redesign .catalog-link{border-radius:0;background:var(--color-paper-2);padding:16px}
.hub-redesign .catalog-link b{font-family:var(--font-body);font-weight:500;font-size:14px}
.hub-redesign .catalog-link span{font-family:var(--font-body);font-weight:400;color:var(--color-accent-dark)}
.hub-redesign .catalog-family__guide{border-left-width:2px;background:var(--color-paper-2);font-size:14px}
.hub-redesign .catalog-family__visual{border-radius:0}
.hub-redesign .catalog-family__visual figcaption{background:var(--color-ink);color:var(--color-light-muted)}

/* Resource and knowledge cards keep their links and explanatory text. */
.hub-redesign :is(.kr-grid,.app-route-grid,.app-task-grid){gap:24px}
.hub-redesign :is(.kr-card,.app-route,.app-task-grid>a,.tool-entry,.hf-link-bridge__card,.sd-card){border:1px solid var(--color-rule);border-radius:0;background:var(--color-paper);box-shadow:none;min-width:0}
.hub-redesign :is(.kr-card,.tool-entry){display:flex;flex-direction:column;padding:28px}
.hub-redesign main :is(.kr-card,.app-route,.sd-card,.app-route-promo) :is(h2,h3){font-size:var(--hub-card-heading)!important;line-height:1.3!important;margin-block:12px}
.hub-redesign :is(.kr-card,.app-route,.app-task-grid>a,.sd-card) p{font-size:15px;color:var(--color-muted)}
.hub-redesign :is(.kr-card__type,.tool-entry small){font:500 10px/1.6 var(--font-body);letter-spacing:1.8px;color:var(--color-accent-dark)}
.hub-redesign :is(.kr-card__arrow,.app-route b,.app-route__body b){margin-top:auto;padding-top:22px;font:500 12px/1.6 var(--font-body);color:var(--color-terra);letter-spacing:.5px}
.hub-redesign :is(.kr-card,.app-route,.tool-entry):hover{border-color:var(--color-gold);box-shadow:none}
.hub-redesign .app-route--visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hub-redesign .app-route__body{padding:28px}
.hub-redesign .learn{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink)}
.hub-redesign .learn-teaser{border-block:1px solid var(--color-rule);padding-block:var(--hub-section-space)}
.hub-redesign .learn-teaser h2{max-width:24ch}
.hub-redesign :is(.yp-link-policy,.hf-link-bridge){background:var(--color-paper);border-color:var(--color-rule)}
.hub-redesign :is(.hf-link-bridge h2,.hf-link-bridge__card h3){color:var(--color-ink)}
.hub-redesign .hf-link-bridge__lead{color:var(--color-muted)}
.hub-redesign .hf-link-bridge a:not(.hf-link-bridge__button){color:var(--color-terra)}

/* Engineering indexes retain their own information structure. */
.hub-redesign .sh-intro__grid{gap:48px;align-items:center}
.hub-redesign .sh-index{background:var(--color-paper);border-color:var(--color-rule)}
.hub-redesign .sh-index__list a{font-family:var(--font-display);font-weight:500;color:var(--color-ink)}
.hub-redesign .sh-route{border-color:var(--color-rule)}
.hub-redesign .sh-route article{gap:32px;border-color:var(--color-rule)}
.hub-redesign :is(.sh-route a,.sh-capability__links a){font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-terra)}
.hub-redesign .sd-section{background:var(--color-paper-2);color:var(--color-ink);border-bottom:1px solid var(--color-rule);padding-block:40px}
.hub-redesign .sd-wrap{width:min(var(--layout-max),calc(100% - var(--hub-gutter)*2))}
.hub-redesign .sd-head{border-inline-start:2px solid var(--color-gold);padding-inline-start:24px}
.hub-redesign .sd-head h2{font-size:clamp(1.55rem,2.4vw,2rem)!important;margin-block:8px 12px}
.hub-redesign .sd-head p{font-size:15px;max-width:85ch}
.hub-redesign .sd-actions{margin-top:20px}

/* Company and partner pages: regular serif titles, compact body copy. */
.hub-redesign .ab-chain__map span,.hub-redesign .career-route strong{font-family:var(--font-display);font-weight:500;font-size:22px;color:var(--color-ink)}
.hub-redesign .ab-chain__map li{background:var(--color-paper);border-color:var(--color-rule)}
.hub-redesign .ab-chain__map li::before{font-family:var(--font-body);font-weight:400;color:var(--color-accent-dark)}
.hub-redesign .ab-chain__map li:nth-child(even){padding-top:var(--space-lg)}
.hub-redesign .ab-chain__map p{font-size:14px}
.hub-redesign .ab-evidence__group b{font-family:var(--font-body);font-weight:500;color:var(--color-terra)}
.hub-redesign :is(.ab-card,.process-card){padding:28px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:0}
.hub-redesign :is(.terms-banner,.commission-figure){background:var(--color-ink);color:var(--color-paper);border-color:var(--color-gold)}
.hub-redesign .process-card:before{color:var(--color-accent-dark);font:400 13px/1.5 var(--font-body)}
.hub-redesign .commission-figure strong{font-family:var(--font-display);font-weight:400;color:var(--color-gold-light)}
.hub-redesign .agreement-note{color:var(--color-muted)}
.hub-redesign .career-route a{border-color:var(--color-rule);padding-block:24px}

/* Tool directory and form controls, without touching search or submit logic. */
.hub-redesign :is(.tool-search,.tool-entry,.category-nav a,.workflow div,.tools-closing,.contact-panel,.contact-field input,.contact-field textarea,.contact-field select){border-radius:0;box-shadow:none}
.hub-redesign .tool-search{background:var(--color-paper);border-color:var(--color-rule);padding:24px}
.hub-redesign .tool-search :is(input,button){border-radius:0;font-family:var(--font-body);font-weight:400}
.hub-redesign .tool-search input{border-color:var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink)}
.hub-redesign .tool-search button{background:var(--color-ink);color:var(--color-paper)}
.hub-redesign .category-nav a{border-color:var(--color-rule);background:var(--color-paper);font-weight:500;color:var(--color-ink)}
.hub-redesign .workflow div{background:var(--color-ink);border-top:2px solid var(--color-gold)}
.hub-redesign .workflow b{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--color-gold-light)}
.hub-redesign .workflow span{color:var(--color-light-muted);line-height:1.7}
.hub-redesign .category-heading{border-color:var(--color-gold)}
.hub-redesign .category-heading span{font-family:var(--font-body);font-weight:500;color:var(--color-accent-dark)}
.hub-redesign .tool-entry strong{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.3}
.hub-redesign .tool-entry em{font-family:var(--font-body);font-weight:500;color:var(--color-terra)}
.hub-redesign .tools-closing{background:var(--color-ink);border-top:2px solid var(--color-gold)}
.hub-redesign :is(.contact-panel,.contact-field input,.contact-field textarea,.contact-field select){border-color:var(--color-rule);background:var(--color-paper);color:var(--color-ink)}
.hub-redesign .contact-field label{font-family:var(--font-body);font-size:14px;font-weight:500}
.hub-redesign .contact-field__message{font-size:12px}
.hub-redesign .contact-panel__label{font-size:11px;font-weight:500;letter-spacing:1px;color:var(--color-accent-dark)}
.hub-redesign main .contact-panel :is(h2,h3){font-size:var(--hub-card-heading)!important;line-height:1.3!important}

/* Closing sections and common footer match the approved homepage. */
.hub-redesign :is(.ab-project,.career-cta,.sh-close,.ab-cta){padding-block:var(--hub-section-space);background:var(--color-navy-deep);border-color:var(--color-dark-rule);color:var(--color-paper)}
.hub-redesign :is(.ab-project,.career-cta,.sh-close,.ab-cta) :is(h2,h3){color:var(--color-paper)}
.hub-redesign :is(.ab-project,.career-cta,.sh-close,.ab-cta) p{color:var(--color-light-muted)}
.hub-redesign .site-footer{background:var(--color-navy-deep);font-family:var(--font-body)}
.hub-redesign .site-footer__close h2{font-family:var(--font-display);font-weight:500}
.hub-redesign :is(.site-footer__group>b,.site-footer__label){font-family:var(--font-body);font-weight:600}

@media(min-width:1000px){.hub-redesign .kr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .hub-redesign :is(.ab-hero__grid,.kr-hero__grid,.career-hero__grid,.contact-hero__grid,.sh-intro__grid){grid-template-columns:minmax(0,1fr);gap:32px}
 .hub-redesign .ab-hero__figure{max-width:640px}
 .hub-redesign .app-hero__content{grid-template-columns:minmax(0,1fr)}
 .hub-redesign .products-hero::before{background-size:cover;background-position:65% center}
 .hub-redesign .products-hero__content{padding-bottom:var(--hub-hero-space)}
 .hub-redesign .sh-route article{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
 .hub-redesign{--hub-heading-size:clamp(2rem,8.3vw,2.8rem);--hub-card-heading:1.4rem;--hub-section-heading:clamp(1.7rem,7vw,2rem)}
 .hub-redesign main h1{max-width:21ch;overflow-wrap:normal}
 .hub-redesign :is(.products-hero,.ab-hero,.career-hero,.contact-hero,.kr-hero,.tools-hero,.sh-intro){min-height:0}
 .hub-redesign .products-hero{--products-hero-scrim:color-mix(in srgb,var(--color-navy-deep) 88%,transparent)}
 .hub-redesign .products-hero::before{background-size:cover}
 .hub-redesign .app-hero__veil{background:color-mix(in srgb,var(--color-navy-deep) 88%,transparent)}
 .hub-redesign .products-hero__content{padding-block:48px}
 .hub-redesign .products-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hub-redesign .products-ledger div{padding:20px 12px;border-bottom:0;border-inline-end:1px solid var(--color-rule)}
 .hub-redesign .products-ledger strong{font-size:30px}
 .hub-redesign .products-ledger span{font-size:11px;line-height:1.5}
 .hub-redesign :is(.family-card__body,.kr-card,.app-route__body,.tool-entry,.catalog-family,.ab-card,.process-card){padding:22px}
 .hub-redesign .family-card h3{font-size:25px!important}
 .hub-redesign :is(.kr-grid,.app-route-grid,.app-task-grid,.category-tools,.workflow,.ab-grid--3,.ab-grid--2,.process-grid){grid-template-columns:minmax(0,1fr)}
 .hub-redesign :is(.ab-hero__aside,.career-hero__boundary,.contact-hero__direct,.kr-hero__aside){padding:24px}
 .hub-redesign .catalog-links{grid-template-columns:minmax(0,1fr)}
 .hub-redesign .catalog-link{display:flex}
 .hub-redesign .sd-head{padding-inline-start:16px}
 .hub-redesign .sd-actions{flex-wrap:wrap}
 .hub-redesign .tools-closing{padding:28px 22px}
 .hub-redesign main [id]{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){
 .hub-redesign main :is(a,button){transition:none!important;transform:none!important}
}
