/* KEE editorial industrial direction. One visual system across all page types. */
:root{--ink:#102C43;--surface:#F5F3EE;--rule:#D9DDD9;--muted:#566574;--page-gutter:clamp(1.25rem,calc(.5rem + 2.5vw),3rem);--section-space:clamp(3.25rem,calc(1.5rem + 6vw),7rem);--layout-gap:clamp(1.25rem,calc(.5rem + 3vw),4rem);--panel-space:clamp(1.25rem,calc(.5rem + 2.5vw),2.5rem);--page-title:clamp(2.5rem,calc(1.7rem + 3.8vw),5.125rem);--section-title:clamp(2.125rem,calc(1.5rem + 2.2vw),4rem);--hero-title:clamp(2.625rem,calc(1.375rem + 5.5vw),6.375rem);--control-padding:clamp(1.25rem,calc(.75rem + 1.25vw),1.75rem)}
body{font-size:17px}.wrap{width:min(80rem,calc(100% - var(--page-gutter) - var(--page-gutter)))}.section{padding-block:var(--section-space)}
.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600}.section-heading{margin-bottom:40px;gap:48px}.section-heading h2{font-size:52px;line-height:1.05;letter-spacing:-.02em}.section-aside{max-width:320px;font-size:16px;color:var(--muted)}.section-aside a{margin-top:20px;color:var(--ink)}
.button{min-height:50px;padding:14px 24px;font-size:15px;border-radius:0}.outline{border-color:var(--ink);color:var(--ink);background:transparent}.outline:hover{background:white}.text-link{font-size:15px;text-underline-offset:6px}
.utility{background:#0B2234}.utility .wrap{min-height:30px;font-size:11px;letter-spacing:.02em}.header-inner{min-height:94px}.kee-brand>img{width:126px}.kee-brand>span{font-size:8px;letter-spacing:.065em}.desktop-nav{gap:30px}.desktop-nav>a,.mega-item>summary{font-size:15px;font-weight:600}.mega-panel{padding-block:36px}.mega-intro h2{font-size:32px}.mega-panel a{font-size:14px;padding-block:13px}.mega-photo{border:1px solid var(--rule)}.mega-photo figcaption{font-size:10px;padding:12px}.header-quote{min-height:46px}
.industrial-hero{background:#102C43;min-height:620px}.hero-scenes{left:51%;z-index:-1}.hero-scene img{object-position:56% center}.hero-scrim{display:none}.industrial-hero-inner{padding-top:66px;padding-bottom:28px;gap:48px;min-height:620px}.hero-editorial{width:46%;max-width:580px}.hero-editorial .eyebrow{color:#F0BD9A;margin-bottom:22px;font-size:11px;letter-spacing:.1em}.hero-editorial h1{min-height:0;font-size:86px;line-height:1.02;letter-spacing:-.025em;white-space:pre-line}.hero-editorial .intro{min-height:0;max-width:440px;font-size:18px;line-height:1.6;margin-top:24px;color:#D5DFE8}.hero-editorial .actions{margin-top:30px;gap:24px}.hero-secondary{font-size:14px}.hero-editorial .button{padding-inline:24px;min-height:50px}.hero-bottom{width:46%;max-width:580px;margin-top:auto;gap:0}.hero-switches{width:100%;gap:20px}.hero-switches button{font-size:11px;line-height:1.35;min-height:64px;padding-top:14px;border-top-width:1px;gap:8px}.hero-switches button>span{font-size:10px}.industrial-hero:after{left:-100px;right:auto;top:-175px;width:430px;height:430px;opacity:.12}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.equipment-shortcuts{border-bottom:1px solid var(--rule);background:var(--surface)}.equipment-shortcuts .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.equipment-shortcuts span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.equipment-shortcuts a{font-size:14px;font-weight:600;text-decoration:none;padding-block:16px}.equipment-shortcuts a:hover{text-decoration:underline;text-underline-offset:6px}
.featured-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.catalog-card{border:0}.catalog-card:hover{border:0}.catalog-card>a{border-bottom:1px solid var(--rule)}.catalog-card:hover h3{text-decoration:underline;text-underline-offset:5px}.catalog-image{aspect-ratio:1.35}.catalog-copy{padding:24px 0}.catalog-copy .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:12px}.catalog-copy h3{font-size:30px;line-height:1.1}.catalog-copy p{font-size:15px;margin-top:14px;line-height:1.6;max-width:350px}.card-action{font-size:13px;padding-top:20px}.product-directory-note{margin-top:32px;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted)}.product-directory-note a{color:var(--ink);font-weight:600}
.expertise-section{padding-top:0}.expertise-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:0}.expertise-photo{position:relative;min-width:0;overflow:hidden}.expertise-photo>img{width:100%;height:100%;object-fit:cover;object-position:58% center;position:absolute;inset:0}.expertise-photo-label{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;background:rgba(9,28,43,.9);color:white}.expertise-photo-label span{display:block;font-size:13px;color:#D5DFE8;margin-bottom:6px}.expertise-photo-label strong{font:600 30px/1.15 var(--heading)}.expertise-copy{padding:52px 56px;background:var(--ink);color:white}.expertise-copy .eyebrow{color:#F0BD9A}.expertise-copy h2{font-size:56px;line-height:1.03}.expertise-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#D5DFE8;margin-top:24px}.expertise-service-links{margin-block:28px}.expertise-service-links a{display:block;min-height:42px;padding:10px 0;font-size:14px;color:white;text-decoration:none;border-bottom:1px solid #476075}.expertise-service-links a:hover{text-decoration:underline}.expertise-copy :focus-visible{outline-color:white}
.sectors-section{padding-top:0}.sectors-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.sectors-layout h2{font-size:48px;line-height:1.05}.sectors-layout>div>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:300px;margin-top:24px}.sector-links{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.sector-links a{border-bottom:1px solid var(--rule);padding:24px 0;display:flex;align-items:center;gap:24px;text-decoration:none}.sector-links a>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.sector-links h3{font-size:28px;font-weight:600}.sector-links a:hover h3{text-decoration:underline;text-underline-offset:6px}
.sourcing-section{background:var(--surface)}.sourcing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink)}.sourcing-grid article{padding:36px 56px 8px 0}.sourcing-grid article+article{padding-left:56px;padding-right:0;border-left:1px solid var(--rule)}.sourcing-grid .eyebrow{display:block;margin-bottom:20px;color:var(--muted)}.sourcing-grid h3{font-size:38px;line-height:1.05}.sourcing-grid p{font-size:16px;color:var(--muted);max-width:400px;margin-top:20px}.sourcing-grid .button{margin-top:28px}
.contact-statement{background:#EAE9E3}.contact-statement .closing-cta{padding:0;align-items:end}.contact-statement h2{font-size:72px;line-height:1;letter-spacing:-.02em}.contact-statement .button{margin-bottom:4px}.site-footer{background:#0B2234;padding-top:60px}.footer-directory{padding-bottom:var(--section-space);gap:var(--layout-gap)}.footer-directory h2{font-size:11px;letter-spacing:.09em}.footer-directory a:not(.footer-brand){font-size:13px}.footer-directory p{font-size:14px;color:#B9CBD8}.footer-bottom{border-color:#3B5265;font-size:12px}.footer-directory>div:first-child{padding-right:32px}
.page-heading{padding-bottom:52px;background:var(--surface)}.page-heading h1{font-size:64px}.page-heading .intro{font-size:19px;max-width:740px}.catalog-sidebar{padding-right:8px}.category-filters button{font-size:14px}.catalog-layout .catalog-grid{gap:32px 24px}.catalog-layout .catalog-copy h3{font-size:26px}.brief-box{border-top-width:2px}.detail-sidebar .product-photo{border-color:var(--rule)}.services-grid{gap:32px}.service-card{border-top-width:1px}.industry-grid>a:hover{background:#F5F3EE}
@media(max-width:1100px){.desktop-nav{gap:18px}.hero-editorial h1{font-size:74px}.expertise-copy{padding:40px}.expertise-copy h2{font-size:48px}.expertise-photo-label{padding:24px}.section-heading h2{font-size:46px}.sourcing-grid article{padding-right:32px}.sourcing-grid article+article{padding-left:32px}}
@media(max-width:1023px){.section{padding-block:var(--section-space)}.header-inner{min-height:82px}.industrial-hero,.industrial-hero-inner{min-height:600px}.hero-editorial h1{font-size:62px}.hero-editorial .intro{font-size:16px}.hero-editorial .actions{gap:12px}.hero-switches{gap:12px}.hero-switches button{font-size:10px}.equipment-shortcuts .wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 28px;padding-block:16px;min-height:0}.equipment-shortcuts span{width:100%}.equipment-shortcuts a{padding:4px 0}.featured-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-copy h3{font-size:26px}.expertise-layout{grid-template-columns:.9fr 1.1fr}.expertise-copy{padding:36px}.expertise-copy h2{font-size:44px}.sectors-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.sectors-layout h2{font-size:40px}.sector-links{gap:0 20px}.sector-links a{gap:16px}.sector-links h3{font-size:25px}.contact-statement h2{font-size:60px}.page-heading h1{font-size:48px}}
@media(max-width:767px){.section{padding-block:var(--section-space)}.utility .wrap{min-height:28px;font-size:9px}.header-inner{min-height:76px}.kee-brand>img{width:106px}.kee-brand>span{font-size:8px}.mobile-menu>summary{border:0;min-width:76px;padding-right:0;font-size:14px}.industrial-hero{display:flex;flex-direction:column;min-height:0}.industrial-hero-inner{display:contents;min-height:0}.hero-editorial{width:calc(100% - 40px);max-width:none;margin-inline:auto;padding:36px 0 32px;order:1}.hero-editorial .eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.08em}.hero-editorial .eyebrow:before{width:24px}.hero-editorial h1{font-size:58px;line-height:1.02;min-height:0;letter-spacing:-.02em}.hero-editorial .intro{font-size:16px;max-width:430px;margin-top:20px;min-height:0;line-height:1.6}.hero-editorial .actions{margin-top:24px;gap:24px}.hero-editorial .button{font-size:14px;min-height:48px;padding-inline:20px}.hero-secondary{font-size:13px}.hero-scenes{position:relative;left:auto;inset:auto;z-index:0;order:2;min-height:270px;height:270px;width:100%}.hero-scene img{object-position:center}.hero-bottom{order:3;width:100%;max-width:none;padding:0 20px;background:#0B2234}.hero-switches{gap:20px;width:100%}.hero-switches button{border-top:0;border-bottom:2px solid transparent;padding:18px 0 16px;min-height:78px;font-size:10px}.hero-switches button[aria-pressed=true]{border-bottom-color:var(--accent-on-dark);border-top:0}.hero-switches button>span{font-size:9px}.industrial-hero:after{width:300px;height:300px;top:-160px;left:auto;right:-60px;opacity:.12}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:38px;line-height:1.05}.section-aside{max-width:none;margin-top:20px}.section-aside p{font-size:15px}.section-aside a{margin-top:12px}.equipment-shortcuts .wrap{gap:12px 24px;padding-block:20px}.equipment-shortcuts span{font-size:10px}.equipment-shortcuts a{font-size:13px}.featured-products{grid-template-columns:1fr;gap:28px}.catalog-image{aspect-ratio:1.4}.catalog-copy{padding-top:20px;padding-bottom:24px}.catalog-copy h3{font-size:30px}.catalog-copy p{max-width:none;font-size:15px}.product-directory-note{display:block;font-size:13px;margin-top:24px}.product-directory-note a{display:block;margin-top:12px}.expertise-section{padding-top:0}.expertise-layout{grid-template-columns:1fr}.expertise-photo{min-height:300px}.expertise-photo-label{padding:20px 24px}.expertise-photo-label strong{font-size:25px}.expertise-copy{padding:32px 24px}.expertise-copy h2{font-size:44px}.expertise-copy>p:not(.eyebrow){font-size:15px}.expertise-service-links a{font-size:13px}.expertise-copy .button{width:100%}.sectors-section{padding-top:0}.sectors-layout{grid-template-columns:1fr;gap:24px}.sectors-layout h2{font-size:38px}.sectors-layout>div>p:not(.eyebrow){max-width:none;font-size:15px;margin-top:16px}.sector-links{gap:0 24px}.sector-links a{padding:20px 0;gap:12px}.sector-links h3{font-size:25px}.sector-links a>span{font-size:10px}.sourcing-grid{grid-template-columns:1fr}.sourcing-grid article{padding:28px 0}.sourcing-grid article+article{padding:28px 0 0;border-left:0;border-top:1px solid var(--rule)}.sourcing-grid h3{font-size:34px}.sourcing-grid p{font-size:15px}.sourcing-grid .button{width:100%;margin-top:24px}.contact-statement .closing-cta{align-items:start;gap:28px}.contact-statement h2{font-size:56px}.contact-statement .eyebrow{margin-bottom:20px}.site-footer{padding-top:40px}.footer-directory>div:first-child{padding-right:0}.footer-directory{padding-bottom:40px}.page-heading h1{font-size:38px}.page-heading .intro{font-size:17px}.page-heading{padding-bottom:40px}.catalog-layout .catalog-copy h3{font-size:28px}.services-grid{gap:16px}}

/* Shared action controls: clear hierarchy, readable labels and tactile feedback. */
.button{position:relative;max-width:100%;min-height:52px;padding:15px 28px;border-radius:4px;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:.01em;text-align:center;white-space:normal;overflow-wrap:break-word;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 200ms ease}
.button.quote{background:var(--accent);color:#0B1520;border-color:var(--accent)}
.button.quote:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#0B1520}
.button.dark{background:var(--ink);border-color:var(--ink);color:white}
.button.dark:hover{background:#214660;border-color:#214660;color:white}
.button.outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.button.outline:hover{background:var(--ink);border-color:var(--ink);color:white}
.button:focus-visible{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 5px #005FCC}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.industrial-hero .hero-editorial .hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid rgba(255,255,255,.7);border-radius:4px;color:white;background:rgba(6,19,29,.2);font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 200ms ease}
.industrial-hero .hero-editorial .hero-secondary:hover{background:white;border-color:white;color:var(--ink)}
.industrial-hero .hero-editorial .hero-secondary:focus-visible{outline:2px solid white;outline-offset:4px}
.text-link{min-height:44px;line-height:1.4;text-decoration-thickness:1px;text-underline-offset:6px;transition:color 180ms ease,text-underline-offset 180ms ease}
.text-link:hover{text-decoration-thickness:2px;text-underline-offset:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .button:not(:disabled):hover,.industrial-hero .hero-editorial .hero-secondary:hover{transform:translateY(-2px)}
}
.button:not(:disabled):active,.industrial-hero .hero-editorial .hero-secondary:active{transform:translateY(1px)}
@media(max-width:767px){
 .button{min-height:52px;padding:15px 22px;font-size:16px}
 .actions{gap:12px}
 .header-quote{padding-inline:20px}
 .brief-box .button,.marketplace-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .button,.industrial-hero .hero-editorial .hero-secondary,.text-link{transition:none;transform:none!important}
}

/* Desktop navigation: stable hit areas and consistent dropdown row spacing. */
@media(min-width:1024px){
 .desktop-nav{gap:6px}
 .desktop-nav>a,.desktop-nav>.mega-item>summary{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 14px;border:0;border-radius:3px;line-height:1.4;transition:color 180ms ease,background-color 180ms ease}
 .desktop-nav>a:after,.desktop-nav>.mega-item>summary:after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.2,.7,.2,1);pointer-events:none}
 .desktop-nav>a:hover,.desktop-nav>.mega-item>summary:hover,.desktop-nav>.mega-item[open]>summary{background:rgba(199,107,54,.07);color:#83421E;border:0}
 .desktop-nav>a:hover:after,.desktop-nav>a:focus-visible:after,.desktop-nav>.mega-item>summary:hover:after,.desktop-nav>.mega-item>summary:focus-visible:after,.desktop-nav>.mega-item[open]>summary:after{transform:scaleX(1)}
 .desktop-nav .mega-panel{padding-block:32px}
 .desktop-nav .mega-grid{gap:36px}
 .desktop-nav .mega-label{padding:0 16px 16px;margin-bottom:8px;line-height:1.5}
 .desktop-nav .mega-panel a{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:12px 16px;border:0;border-bottom:1px solid var(--rule);border-radius:0;font-size:15px;line-height:1.5;text-decoration:none;transition:background-color 180ms ease,color 180ms ease}
 .desktop-nav .mega-panel a:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform 180ms ease;pointer-events:none}
 .desktop-nav .mega-panel a:hover,.desktop-nav .mega-panel a:focus-visible{background:rgba(199,107,54,.08);color:#83421E;border-bottom:1px solid var(--rule)}
 .desktop-nav .mega-panel a:hover:before,.desktop-nav .mega-panel a:focus-visible:before{transform:scaleY(1)}
 .desktop-nav .mega-panel a:focus-visible{outline:2px solid #005FCC;outline-offset:-2px}
}
@media(min-width:1024px) and (max-width:1100px){
 .desktop-nav{gap:2px}
 .desktop-nav>a,.desktop-nav>.mega-item>summary{padding-inline:10px}
 .desktop-nav>a:after,.desktop-nav>.mega-item>summary:after{left:10px;right:10px}
 .desktop-nav .mega-grid{gap:24px}
}
@media(prefers-reduced-motion:reduce){
 .desktop-nav a,.desktop-nav summary,.desktop-nav a:before,.desktop-nav a:after,.desktop-nav summary:after{transition:none!important}
}

/* Flexible children may shrink without forcing horizontal overflow. */
:where(.catalog-grid,.featured-products,.detail-layout,.page-heading-layout,.enquiry-grid,.services-grid,.industry-grid)>*{min-width:0}
