:root{--ink:#103740;--navy:#0b3038;--muted:#586d71;--green:#087e70;--mint:#a8eed8;--line:#dce5e4;--wash:#f1f6f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #187f73;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topbar{background:var(--navy);color:#d9e8e8;font-size:12px;letter-spacing:.03em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{font-size:12px}header{background:white;border-bottom:1px solid var(--line)}.nav{height:108px;display:flex;align-items:center;justify-content:space-between}.brand img{width:104px;height:80px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:33px;font-size:14px;font-weight:600}.nav nav>a:hover,.text-link:hover{color:var(--green)}.nav-cta{border:1px solid var(--line);padding:12px 19px;margin-left:18px}.nav-cta span{margin-left:26px}.menu-toggle{display:none}.hero{padding:52px 0 58px;background:linear-gradient(110deg,#f7faf9,#edf4f3)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.5;margin:0 0 22px}.hero .eyebrow{display:flex;gap:10px;align-items:center}.hero .eyebrow span{width:7px;height:7px;background:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,4.8vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin-bottom:25px}h1 em{font-style:normal;color:var(--green)}.lede{font-size:17px;color:var(--muted);max-width:455px;line-height:1.8;margin-bottom:29px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--green);color:white;padding:15px 22px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#075c54}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:15px}.hero-foot{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-top:42px}.hero-foot i{width:3px;height:3px;background:#829b9e;border-radius:50%}.hero-visual{position:relative;align-self:stretch;min-height:495px;overflow:hidden;border-radius:2px 2px 85px 2px;background:#c3d9df}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:58% center}.image-label{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:700}.photo-note{position:absolute;bottom:28px;left:26px;right:48px;background:#ffffffed;display:flex;align-items:center;gap:17px;padding:19px 22px;backdrop-filter:blur(8px)}.note-mark{font-size:36px;font-weight:300;color:var(--green);line-height:1}.photo-note strong{font-size:16px;font-weight:600}.photo-note p{font-size:13px;color:var(--muted);margin:1px 0 0}.trust{display:flex;align-items:center;gap:46px;padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--line)}.trust>p{font-size:10px;letter-spacing:.12em;color:var(--muted);line-height:1.8;margin:0;flex-shrink:0}.client-logos{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1;color:#476268}.client-logos span{font-weight:700;font-size:21px;letter-spacing:-.7px}.client-logos .schein{font-family:Georgia,serif;font-weight:400}.client-logos .grainger{font-size:21px;font-style:italic;font-weight:900}.client-logos .rpi{font-size:27px;font-style:italic}.section{padding-top:88px;padding-bottom:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}h2{font-size:clamp(32px,3.1vw,43px);line-height:1.14;font-weight:500;letter-spacing:-.035em;margin-bottom:0}.section-heading>p{max-width:380px;color:var(--muted);font-size:15px;margin-bottom:4px}.section-heading .eyebrow{margin-bottom:16px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-grid article{padding:30px 26px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.solution-grid article:first-child{padding-left:0}.solution-grid article:last-child{border:0;padding-right:0}.number{font-size:11px;letter-spacing:.12em;color:var(--green);font-weight:700;margin-bottom:24px}h3{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.35;margin-bottom:13px}.solution-grid p{font-size:14px;color:var(--muted);margin-bottom:24px}.solution-grid a{font-size:12px;font-weight:700;margin-top:auto;line-height:1.7}.solution-grid a span{margin-left:8px}.approach{background:var(--wash)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.approach-image{align-self:stretch;position:relative;min-height:540px;overflow:hidden}.approach-image img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:43% center}.approach-image>span{position:absolute;bottom:0;left:0;right:0;background:#103740db;color:white;padding:20px 24px;font-size:11px;letter-spacing:.13em}.approach-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:24px 0 25px}.value{display:flex;border-top:1px solid #d1dedd;gap:20px;padding:20px 0 0;margin-top:19px}.value>span{font-size:12px;color:var(--green);padding-top:3px}.value h3{font-size:16px;margin-bottom:5px}.value p{font-size:14px;color:var(--muted);margin:0}.onstat{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.onstat-brand{background:#eeedf6;padding:32px 42px 30px;position:relative;color:#4b3868}.small-label,.brand-caption{font-size:10px;letter-spacing:.16em}.onstat-word{font-size:80px;font-weight:700;letter-spacing:-5px;margin:32px 0 4px}.onstat-word span{font-size:55px;vertical-align:top;display:inline-block;margin:4px 0 0 9px;color:#8971b0;font-weight:400}.onstat-brand p{font-size:19px;line-height:1.4;margin-bottom:30px}.brand-caption{display:block;padding-top:21px;border-top:1px solid #d7d0e4}.onstat-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:22px 0 28px;max-width:440px}.products{background:#f7f9f9}.products .section-heading{align-items:center}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-grid article{background:white;border:1px solid #e1e8e6}.product-image{height:235px;padding:26px;background:white}.product-image img{width:100%;height:100%;object-fit:contain}.product-info{padding:24px;border-top:1px solid #e9eeed}.product-info>span{font-size:10px;color:var(--green);letter-spacing:.1em}.product-info h3{margin:10px 0 6px;font-size:23px}.product-info p{font-size:13px;color:var(--muted);margin-bottom:22px}.product-info a{font-size:13px;font-weight:600;display:flex;justify-content:space-between}.contact{background:var(--navy);color:white}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:45px}.contact .eyebrow{color:var(--mint)}.contact h2{font-size:40px}.contact p:not(.eyebrow){font-size:15px;color:#b6cbce;margin:22px 0 0}.contact-action{display:flex;flex-direction:column;gap:17px;align-items:flex-start}.button.light{background:var(--mint);color:var(--navy);min-width:245px}.button.light:hover{background:#d0faed}.contact-action>a:not(.button){font-size:14px}.contact-action>span{font-size:11px;color:#b6cbce}footer{padding-top:38px}.footer-main{display:flex;align-items:center;gap:45px;padding-bottom:32px}.footer-brand{font-weight:800;font-size:29px;letter-spacing:-1px;white-space:nowrap}.footer-brand span{font-size:9px;letter-spacing:2px;display:block;line-height:1}.footer-main p{font-size:13px;color:var(--muted);margin:0}.footer-main address{font-style:normal;font-size:12px;color:var(--muted);margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav nav{gap:20px}.hero-grid{gap:25px}.hero-visual{min-height:490px}.actions{gap:18px;flex-wrap:wrap}.trust{gap:25px}.client-logos{gap:18px;flex-wrap:wrap}.client-logos span{font-size:18px}.approach-grid,.onstat{gap:45px}.solution-grid article{padding:25px 18px}.solution-grid h3{font-size:19px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar .wrap{justify-content:center}.topbar a{display:none}.nav{height:90px}.brand img{width:88px;height:67px}.menu-toggle{display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:white;padding:8px 14px;font-size:14px}.nav nav{display:none;position:absolute;top:126px;left:0;right:0;background:white;z-index:10;padding:23px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #1037400d}.nav nav.open{display:flex}.nav-cta{margin:0}.hero{padding:38px 0 35px}.hero-grid{grid-template-columns:1fr;gap:35px}h1{font-size:clamp(42px,10vw,65px)}.hero .eyebrow{font-size:10px}.lede{font-size:16px}.hero-foot{margin-top:27px}.hero-visual{min-height:355px;border-bottom-right-radius:65px}.photo-note{right:35px;bottom:22px;left:20px;padding:16px}.image-label{font-size:9px;left:20px;right:20px}.trust{display:block;padding-top:27px;padding-bottom:27px}.trust>p{margin-bottom:22px}.trust>p br{display:none}.client-logos{justify-content:flex-start;gap:20px 28px}.client-logos span,.client-logos .grainger{font-size:19px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin:22px 0 0;font-size:15px}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid article{padding:24px 18px!important;border-bottom:1px solid var(--line)}.solution-grid article:nth-child(2){border-right:0}.solution-grid article:nth-child(3){border-bottom:0}.solution-grid article:nth-child(4){border-bottom:0}.solution-grid article:nth-child(odd){padding-left:0!important}.solution-grid article:nth-child(even){padding-right:0!important}.number{font-size:10px}.solution-grid p{font-size:14px}.solution-grid a{font-size:12px}.approach-grid,.onstat{grid-template-columns:1fr;gap:35px}.approach-image{min-height:330px}.approach-copy h2{font-size:34px}.onstat-brand{padding:25px 30px}.onstat-word{font-size:72px}.products .section-heading>a{margin-top:23px}.product-grid{grid-template-columns:1fr}.product-image{height:250px}.product-info{padding:22px}.contact-grid{display:block}.contact h2{font-size:32px}.contact-action{margin-top:32px}.footer-main{align-items:flex-start;gap:25px;flex-wrap:wrap}.footer-main p{max-width:165px}.footer-main address{margin-left:0;flex-basis:100%}.footer-bottom{gap:20px;font-size:10px}.eyebrow{font-size:11px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep recurring labels and actions comfortably readable. */
.solution-grid a,.product-info a,.contact-action>span,.topbar,.topbar a{font-size:14px}.solution-grid p,.value p,.onstat-copy>p:not(.eyebrow),.section-heading>p,.approach-copy>p:not(.eyebrow){font-size:16px}.product-info p,.photo-note p,.hero-foot{font-size:14px}.trust>p,.number,.small-label,.brand-caption,.product-info>span,.image-label,.approach-image>span,.eyebrow,.hero .eyebrow{font-size:12px}.footer-main p,.footer-main address,.footer-bottom{font-size:12px}
@media(max-width:760px){.image-label{font-size:12px;gap:16px}.image-label span:last-child{display:none}.solution-grid{grid-template-columns:1fr}.solution-grid article{padding:25px 0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}.solution-grid article:last-child{border-bottom:0!important}.number{margin-bottom:14px}.solution-grid h3{font-size:23px}}
.custom-design{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.custom-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:24px 0 28px;max-width:495px}.design-steps{border-top:1px solid var(--line)}.design-steps article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.design-steps article>span{font-size:14px;color:var(--green);padding-top:4px}.design-steps h3{font-size:20px;margin-bottom:8px}.design-steps p{color:var(--muted);margin:0;font-size:16px}.quality{background:#edf4f3}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quality-grid article{background:white;padding:32px;display:flex;flex-direction:column;border-top:3px solid var(--green)}.quality-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--green);margin-bottom:23px}.quality-grid h3{font-size:25px;line-height:1.25;max-width:290px}.quality-grid p{font-size:16px;color:var(--muted);margin-bottom:26px}.quality-grid a{font-size:14px;font-weight:600;margin-top:auto}.quality-grid a span{margin-left:8px}.quality-note{color:var(--muted);font-size:13px;line-height:1.7;margin:23px 0 0;max-width:950px}.nav nav{gap:25px}.hero-visual{border-radius:8px}.hero-visual>img{object-position:center}.photo-note{left:26px;right:26px}.image-label{background:#f3f9f5df;padding:8px 10px;top:15px;left:16px;right:16px;border-radius:2px}@media(max-width:1100px){.custom-design{gap:45px}.quality-grid article{padding:24px}.nav nav{gap:16px}.nav-cta{margin-left:0;padding:12px}.nav-cta span{margin-left:12px}}@media(max-width:760px){.custom-design{grid-template-columns:1fr;gap:32px}.quality-grid{grid-template-columns:1fr}.quality-grid h3{max-width:none}.photo-note{left:20px;right:20px}.hero-visual{border-radius:8px}}
.logistics{background:var(--navy);color:#fff}.logistics .eyebrow,.logistics .number{color:var(--mint)}.logistics .section-heading>p{color:#c5d8da}.logistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #426067;padding-top:34px}.logistics-grid article{display:flex;flex-direction:column}.logistics-grid .number{margin-bottom:20px}.logistics-grid h3{font-size:25px}.logistics-grid p{color:#c5d8da;font-size:16px;margin-bottom:0}.logistics-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #426067;margin-top:34px;padding-top:26px}.logistics-bottom>span{font-size:14px;color:#c5d8da}.logistics-bottom a{color:var(--mint);flex-shrink:0}@media(max-width:760px){.logistics-grid{grid-template-columns:1fr;gap:30px}.logistics-bottom{align-items:flex-start;flex-direction:column}.logistics-grid h3{font-size:23px}}
.logistics-intro{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;margin-bottom:45px}.logistics-copy h2{font-size:clamp(36px,3.4vw,48px)}.logistics-copy>p:not(.eyebrow){font-size:16px;color:#c5d8da;margin:26px 0;max-width:470px}.logistics-reach{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--mint)}.logistics-reach span{border-left:2px solid var(--mint);padding-left:14px}.logistics-visual{margin:0;overflow:hidden;border:1px solid #426067;border-radius:8px;background:#0b3038}.logistics-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.logistics-visual figcaption{font-size:12px;letter-spacing:.06em;color:#c5d8da;padding:15px 20px;border-top:1px solid #426067}.logistics-grid h3{max-width:330px}@media(max-width:760px){.logistics-intro{grid-template-columns:1fr;gap:30px;margin-bottom:32px}.logistics-copy h2{font-size:36px}.logistics-visual figcaption{font-size:12px}.logistics-grid h3{max-width:none}}
.procurement{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.procurement-copy p{font-size:16px;color:var(--muted);margin-bottom:20px}.procurement-copy .button{margin-top:8px}@media(max-width:1100px){.procurement{gap:45px}}@media(max-width:760px){.procurement{grid-template-columns:1fr;gap:26px}}
/* Consistent uppercase subheadings; primary headlines retain sentence case. */
h3{ text-transform:uppercase; letter-spacing:.045em; line-height:1.4; }
.eyebrow,.number,.quality-label,.small-label,.brand-caption,.product-info>span{ text-transform:uppercase; }
.solution-grid h3,.design-steps h3{font-size:18px;}
.quality-grid h3,.logistics-grid h3,.product-info h3{font-size:20px;}
.value h3{font-size:15px;}
@media(max-width:760px){.solution-grid h3,.logistics-grid h3,.quality-grid h3,.product-info h3{font-size:19px;}}
.nav nav>a,.menu-toggle{text-transform:uppercase;letter-spacing:.06em;font-size:13px;}
.nav nav{gap:21px;}
@media(min-width:761px) and (max-width:1100px){.nav nav{gap:13px;}.nav nav>a{font-size:12px;letter-spacing:.035em;}.nav-cta span{margin-left:6px;}}
/* Match action links and button labels to the uppercase navigation system. */
.button,.text-link,.solution-grid a,.quality-grid a,.product-info a,.footer-bottom>a{
 text-transform:uppercase;
 letter-spacing:.045em;
 line-height:1.6;
}
.button,.text-link{max-width:100%;}
.button>span,.text-link>span,.product-info a>span{flex-shrink:0;}
.photo-note strong{text-transform:uppercase;letter-spacing:.035em;font-size:14px;}
@media(max-width:1100px){.logistics-bottom{flex-wrap:wrap;}}
/* Apply the requested uppercase treatment to every heading level. */
h1,h2,h3,h4,h5,h6,strong{text-transform:uppercase;}
h2{letter-spacing:-.015em;line-height:1.2;}
h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-.04em;line-height:1.1;}
.hero-copy,.section-heading>div,.approach-copy,.onstat-copy,.custom-intro,.logistics-copy,.procurement>div{min-width:0;}
@media(max-width:760px){h1{font-size:clamp(32px,8.5vw,56px);}h2,.approach-copy h2,.contact h2,.logistics-copy h2{font-size:30px;}}
/* Broader supply categories in a balanced two-row grid. */
.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:0;}
.solution-grid article,.solution-grid article:first-child,.solution-grid article:last-child{padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.solution-grid article:nth-child(3n){border-right:0;}
.solution-grid article:nth-child(3n+1){padding-left:0;}
.solution-grid h3{font-size:19px;}
/* Clearer, more tactile calls to action in the existing palette. */
.button{background:#067466;border:1px solid #046459;border-radius:5px;padding:16px 22px;box-shadow:0 5px 0 #064e45,0 10px 18px #0b303818;font-weight:700;transition:background .18s,box-shadow .18s,transform .18s;}
.button:hover{background:#095d54;box-shadow:0 3px 0 #064e45,0 7px 12px #0b30381c;transform:translateY(2px);}
.button>span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff20;font-size:18px;}
.button.light{background:var(--mint);border-color:#bff7e5;box-shadow:0 5px 0 #5da990,0 10px 18px #0002;}
.button.light>span{background:#10374014;}
.button.light:hover{background:#c6f8e7;}
.nav .nav-cta{background:var(--mint);border:1px solid #84cfb7;border-radius:4px;box-shadow:0 3px 0 #7cbda8;color:var(--ink);}
.solution-grid a,.quality-grid a,.product-info a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px 14px;background:#eaf6f1;border:1px solid #b9dacf;border-radius:4px;color:#075c52;font-weight:700;line-height:1.5;}
.solution-grid a:hover,.quality-grid a:hover,.product-info a:hover{background:#d4eee4;border-color:#6ab29a;}
.solution-grid a>span,.quality-grid a>span{flex-shrink:0;font-size:19px;}
.text-link{padding-bottom:5px;border-bottom:2px solid #6ab29a;}
@media(max-width:1100px) and (min-width:761px){.solution-grid article,.solution-grid article:first-child,.solution-grid article:last-child{padding:24px 18px;}.solution-grid h3{font-size:17px;}}
@media(max-width:760px){.solution-grid{grid-template-columns:1fr;}.solution-grid article,.solution-grid article:first-child,.solution-grid article:last-child{padding:25px 0!important;border-right:0!important;}.solution-grid h3{font-size:19px;}.button{padding:14px 18px;}}
/* Vector arrows cannot be substituted by mobile emoji fonts. */
.arrow-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-.2em;overflow:visible;color:inherit;}
.button .arrow-icon{width:19px;height:19px;}
/* Keep the expanded navigation comfortable on tablets. */
@media(min-width:761px) and (max-width:1100px){.nav{height:90px;}.menu-toggle{display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:white;padding:8px 14px;font-size:14px;}.nav nav{display:none;position:absolute;top:130px;left:0;right:0;background:white;z-index:10;padding:23px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #1037400d;}.nav nav.open{display:flex;}.nav nav>a{font-size:14px;}.nav-cta{margin:0;}}
