:root{--ink:#202622;--dark:#181d1c;--paper:#f5f5ef;--muted:#70766e;--line:#d9ddd3;--lime:#c8f594;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83b950;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{cursor:default}p,h1,h2,h3{margin:0}button{color:inherit}[hidden]{display:none!important}.container{width:min(1300px,calc(100% - 112px));margin:auto}.header{height:92px;background:var(--dark);color:#f5f5ef;border-bottom:1px solid #343b36;position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font-size:34px;font-weight:800;letter-spacing:-3px;position:relative;padding-right:18px}.brand-mark>span{font-size:23px;color:var(--lime);position:absolute;right:0;top:-7px;letter-spacing:0}.brand-name{font-size:11px;letter-spacing:1.4px;font-weight:bold}.brand-name small{display:block;font:9px var(--mono);color:#9aa59a;margin-top:7px;letter-spacing:1.4px}.desktop-nav{display:flex;gap:30px;font-size:13px;color:#b9c1b8}.desktop-nav a:hover{color:var(--lime)}.header-cta{font-size:13px;display:flex;gap:30px;align-items:center;border:1px solid #626d61;padding:13px 17px}.header-cta span{font-size:20px;color:var(--lime)}.header-cta:hover{background:#2d382e}.menu-toggle,.mobile-nav{display:none}.hero{background:var(--dark);color:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:64px;padding-bottom:34px}.eyebrow{font:11px var(--mono);letter-spacing:1.8px;font-weight:bold;display:flex;gap:11px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);box-shadow:0 0 0 4px #c8f5940d}.hero .eyebrow{color:#bcc6b9}.hero h1{font-size:clamp(66px,6.65vw,96px);line-height:.98;font-weight:500;letter-spacing:-5px;margin-top:36px}em{font-style:normal;color:var(--lime)}.hero-description{font-size:17px;line-height:1.65;color:#aab7a9;margin:26px 0 30px}.button{padding:18px 23px;display:inline-flex;gap:36px;justify-content:space-between;align-items:center;border:0;font-size:13px;font-weight:bold;line-height:1.3;transition:background .18s,transform .18s;min-height:54px}.button span{font-size:23px;font-weight:normal;line-height:1}.button-lime{background:var(--lime);color:#23321e}.button-lime:hover{background:#dafaaf;transform:translateY(-2px)}.button-dark{background:var(--dark);color:var(--paper)}.button-dark:hover{background:#3d503a}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:56px;font:9px var(--mono);letter-spacing:1.2px;color:#879585;max-width:480px}.hero-bottom a{font:11px var(--sans);letter-spacing:0}.hero-bottom a span{font-size:18px;margin-left:16px;color:#d4dfcf}.machine-panel{position:relative;background:radial-gradient(ellipse at 55% 50%,#2b392c33,transparent 65%);align-self:center;border-left:1px solid #343f33;padding:0 0 0 24px;margin-top:14px}.drawing-top{display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);letter-spacing:1px;color:#92a38d}.drawing-top>span:first-child{color:#c1cdbb}.drawing-top i{display:inline-block;width:5px;height:5px;background:#c1cdbb;margin-right:6px}.line-drawing{width:100%;height:auto;display:block;margin:14px 0 10px}.machine-stage{transition:opacity .3s}.machine-stage.muted{opacity:.32}.stage-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 18px}.stage-controls button{background:none;border:0;border-top:1px solid #4d5f48;color:#9aab94;padding:17px 4px 8px;text-align:left;font-size:12px}.stage-controls button span{font:9px var(--mono);margin-right:8px;opacity:.7}.stage-controls button.active{color:var(--lime);border-top-color:var(--lime)}.stage-controls button:hover{color:white}.stage-description{font-size:11px;color:#84957e;margin:7px 18px 23px;min-height:28px;line-height:1.4}.drawing-note{position:absolute;right:0;bottom:0;font:7px var(--mono);letter-spacing:1px;color:#5c7155}.brands{padding:28px 0 30px;border-bottom:1px solid var(--line);background:#e9ece3}.brands .container{display:flex;align-items:center;gap:40px}.brands p{font:8px/1.6 var(--mono);color:#797f73;max-width:130px;letter-spacing:1.2px}.brand-list{display:flex;justify-content:space-between;gap:24px;flex:1;flex-wrap:wrap}.brand-list span{font-size:19px;font-weight:800;letter-spacing:-.5px;color:#5d665a}.brand-list span:nth-child(2){font-weight:500;letter-spacing:2px}.brand-list span:nth-child(4){letter-spacing:1px;font-size:17px}.section{padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:60px;row-gap:22px;margin-bottom:54px}.section-heading .eyebrow{align-self:start;padding-top:13px;color:#747e6e}.section-heading h2{grid-column:2}.section-intro{grid-column:2;max-width:520px;font-size:15px;line-height:1.75;color:var(--muted)}h2{font-size:46px;line-height:1.12;font-weight:500;letter-spacing:-1.9px}h2>span{color:#899281}.service-list{border-top:1px solid var(--line)}.service-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:70px 1.1fr 1fr 30px;align-items:center;gap:20px;padding:29px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{font:12px var(--mono);color:#929a8a}summary h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.service-short{font-size:12px;color:#66725f}.expand-icon{width:26px;height:26px;position:relative}.expand-icon::before,.expand-icon::after{content:'';position:absolute;background:#526149;top:12px;left:5px;width:16px;height:1px}.expand-icon::after{transform:rotate(90deg);transition:transform .15s}details[open] .expand-icon::after{transform:rotate(0)}details[open] summary h3{color:#4e7132}.service-detail{margin:0 60px 30px 90px;max-width:640px}.service-detail p{font-size:14px;line-height:1.75;color:#6e7866}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.tags span{font-size:10px;padding:7px 10px;border:1px solid #d4daca;color:#718065}.projects{background:#e9ece3}.projects-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.projects-top .eyebrow{margin-bottom:27px;color:#68725f}.projects-top>p{font-size:13px;line-height:1.8;color:#636f58;padding-bottom:3px}.project-filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid #d1d8c9;margin-bottom:30px}.project-filters button{border:1px solid transparent;padding:10px 15px;background:transparent;font-size:11px;color:#69775d}.project-filters button span{font:9px var(--mono);margin-left:12px;opacity:.5}.project-filters .active{background:var(--dark);color:#e4efd9}.project-filters button:not(.active):hover{border-color:#a1ae94}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-card{background:none;border:0;padding:0;text-align:left;min-width:0}.project-art{height:265px;position:relative;overflow:hidden;background:#d6dfcc;transition:background .25s}.project-card:hover .project-art{background:#c8d9b9}.art-caption,.art-corner{position:absolute;font:8px var(--mono);letter-spacing:.6px;color:#738266;z-index:2}.art-caption{top:19px;left:20px}.art-corner{bottom:17px;left:20px}.art-arrow{position:absolute;right:18px;bottom:14px;font-size:25px;color:#6d815f;transition:transform .2s}.project-card:hover .art-arrow{transform:translate(3px,-3px)}.art-wrapper{background:#25372d}.project-card:hover .art-wrapper{background:#304a38}.art-wrapper .art-caption,.art-wrapper .art-corner,.art-wrapper .art-arrow{color:#97b78d}.art-plc{background:#dbddd3}.project-card:hover .art-plc{background:#d0d5c3}.project-meta{display:flex;justify-content:space-between;font:8px var(--mono);color:#7f8b74;letter-spacing:1px;margin-top:22px}.project-card h3{font-weight:500;font-size:27px;margin-top:11px;letter-spacing:-.8px}.project-card>p{font-size:13px;line-height:1.7;color:#606d56;margin-top:12px}.project-link{font-size:11px;margin-top:21px;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #cbd4c0}.project-link>span{font-size:17px}.project-footnote{font-size:9px;color:#818b78;margin-top:28px;line-height:1.6}.pallet-graphic{position:absolute;width:145px;height:160px;left:50%;top:55%;transform:translate(-50%,-50%)}.pallet-layer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:5px;height:145px;transform:rotate(-30deg) skewX(24deg);position:relative;z-index:1}.pallet-layer i{background:#c3b589;border:1px solid #8e825d;box-shadow:-7px 8px 0 #a89c73,-8px 9px 0 #8e825d,-15px 16px 0 #b0a37a,-16px 17px 0 #8e825d,-23px 24px 0 #a89c73,-24px 25px 0 #8e825d;position:relative}.pallet-layer i::after{content:'';position:absolute;left:50%;height:100%;width:5px;background:#e8ddbd80}.pallet-shadow{position:absolute;inset:0;transform:translate(-12px,30px) rotate(-30deg) skewX(24deg);background:#8f9a7d;box-shadow:-8px 11px 0 #6d7c59}.wrapper-graphic{position:absolute;width:185px;height:174px;top:52%;left:50%;transform:translate(-50%,-50%)}.wrapper-post{position:absolute;top:17px;width:10px;height:145px;background:#779975;box-shadow:5px 2px #456843;z-index:2}.wrapper-post.left{left:9px}.wrapper-post.right{right:9px}.wrapper-top{position:absolute;height:11px;left:9px;right:0;top:13px;background:#abc7a1;transform:skewY(-7deg);box-shadow:0 8px #456843;z-index:3}.wrapper-ring{position:absolute;top:48px;left:0;right:0;height:55px;border:4px solid #c8f594;border-radius:50%;transform:rotate(-7deg);box-shadow:0 7px #637d54;z-index:4}.wrapper-pallet{position:absolute;top:85px;left:61px;width:66px;height:58px;background:repeating-linear-gradient(0deg,transparent 0 17px,#a59b70 18px 19px),repeating-linear-gradient(90deg,#b5aa7f 0 31px,#a29870 32px 33px);transform:skewY(10deg);box-shadow:8px -6px #d3c69b;z-index:2}.wrapper-base{position:absolute;left:25px;right:8px;bottom:9px;height:25px;border:1px solid #678c60;transform:skewY(-7deg);background:#36513b}.plc-graphic{position:absolute;display:flex;gap:6px;width:218px;top:54%;left:50%;height:112px;transform:translate(-50%,-50%) rotate(-6deg) skewY(3deg);filter:drop-shadow(8px 15px 0 #acb5a150)}.plc-main{width:100px;background:#69776d;border-top:10px solid #3d514d;border-bottom:10px solid #48584b;padding:11px 9px;box-shadow:5px -4px #89968b;position:relative}.plc-main>span{font:bold 8px var(--sans);color:#e8f0e2}.plc-main b{display:block;font:9px var(--mono);color:#d4e0cc;margin-top:9px}.plc-led{font:5px var(--mono);margin-top:9px;color:#c8f594}.plc-led i{display:inline-block;width:3px;height:3px;background:#c8f594;margin-right:2px}.plc-slot{height:8px;width:23px;background:#253e36;position:absolute;right:10px;bottom:6px}.plc-module{flex:1;background:repeating-linear-gradient(0deg,#758176 0 7px,#6c776c 7px 8px);border-top:14px solid #3e5845;border-bottom:14px solid #3e5845;box-shadow:5px -4px #89968b}.about{border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about-label .eyebrow{color:#74806b}.monogram{font-size:126px;font-weight:bold;letter-spacing:-15px;line-height:1.2;color:#d6ddce;margin:62px 0 19px;width:max-content;position:relative}.monogram span{font-size:65px;color:#9cac8c;position:absolute;right:-52px;top:-9px}.engineer-name{font-size:16px}.engineer-name span{display:block;color:#929a8a;font-size:11px;margin-top:8px}.about-content h2{margin:0 0 30px}.about-content>p{font-size:14px;line-height:1.9;color:#657359;max-width:640px}.about-content>.about-lead{font-size:18px;color:#505d46;line-height:1.7;margin-bottom:20px}.tech-table{margin-top:35px;border-top:1px solid var(--line)}.tech-table>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.tech-table>div>span{font:8px/1.7 var(--mono);letter-spacing:.8px;color:#89927f}.tech-table p{font-size:12px;line-height:1.75;color:#58684b}.process-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:47px}.process-heading h2{font-size:32px;letter-spacing:-1px}.process-heading .eyebrow{color:#7a866f}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{border-top:1px solid #b4c3a6;padding-top:20px}.process-grid article>span{font:10px var(--mono);color:#95a784}.process-grid h3{font-size:18px;font-weight:500;margin:32px 0 13px;letter-spacing:-.5px}.process-grid p{font-size:12px;line-height:1.8;color:#626e59;max-width:240px}.brief{background:var(--dark);color:var(--paper);padding:85px 0}.brief-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.brief .eyebrow{color:#a9b7a1}.brief h2{font-size:66px;letter-spacing:-2.5px;line-height:1.02;margin:33px 0 25px}.brief-grid>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#94a58a}.brief-note{display:flex;gap:19px;align-items:center;margin-top:44px}.brief-note>span{font-size:29px;color:var(--lime);border:1px solid #3e5034;width:48px;height:48px;display:grid;place-items:center}.brief-note p{font-size:10px;line-height:1.8;color:#8fa081}#brief-form{padding-top:10px}#brief-form label{display:block;font:8px var(--mono);letter-spacing:1px;color:#a2b397;margin-bottom:26px}#brief-form input,#brief-form select,#brief-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #56654d;background:transparent;color:#edf5e8;font:13px var(--sans);border-radius:0;padding:15px 0 12px;line-height:1.5}#brief-form select{padding-right:18px}#brief-form select option{background:var(--dark);color:var(--paper)}#brief-form input::placeholder,#brief-form textarea::placeholder{color:#73876a;opacity:1}#brief-form textarea{resize:vertical;min-height:104px;max-height:300px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}#brief-form .button{width:100%;margin-top:7px}.form-note{font-size:10px;color:#7b8e70;margin-top:13px;line-height:1.6}footer{background:var(--dark);border-top:1px solid #34422e;color:#8b9e80;padding:27px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-brand{font-size:30px;font-weight:bold;letter-spacing:-3px;color:#c7d8bc}.footer-brand span{color:var(--lime);font-size:20px;vertical-align:top;letter-spacing:0}.footer-inner>p{font-size:11px;color:#b7c5ad;line-height:1.8}.footer-inner>p>span{font-size:9px;color:#6d8360}.footer-inner>a:not(.footer-brand){margin-left:auto;font-size:11px}.footer-year{font:10px var(--mono)}.dialog{border:0;padding:0;max-width:650px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0004}.dialog::backdrop{background:#0d160ec7;backdrop-filter:blur(4px)}.dialog-inner{padding:48px}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:29px;color:#738168;line-height:1;width:34px;height:34px}.dialog .eyebrow{font-size:8px;color:#7c8e6d;padding-right:10px;line-height:1.8}.dialog h2{font-size:39px;margin-top:22px}.dialog-intro{font-size:14px;line-height:1.75;color:#617054;margin:22px 0}.dialog h3{font-size:15px;font-weight:500}.dialog ul{padding-left:18px;font-size:13px;line-height:1.8;color:#718263}.dialog li{padding-left:5px;margin:10px 0}.project-outcome{background:#e6eddf;padding:20px;margin:25px 0}.project-outcome>span{font:8px var(--mono);letter-spacing:1px;color:#7d946c}.project-outcome p{font-size:13px;line-height:1.75;color:#4d633d;margin-top:10px}#brief-output{width:100%;resize:vertical;min-height:160px;max-height:40vh;border:1px solid #c7d3ba;background:#eaf0e3;color:#435936;padding:15px;font:12px/1.7 var(--sans)}#brief-output:focus-visible{outline-color:#6e924f}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions .button{font-size:11px;gap:20px}.button-outline{background:transparent;border:1px solid #aebfa0;color:#496135}.copy-status{min-height:17px;font-size:11px;margin-top:14px;color:#6c8657}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;padding:12px 18px;background:var(--lime);color:var(--dark)}.skip-link:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.hero h1{font-size:100px}.hero-grid{gap:50px;padding-top:85px;padding-bottom:45px}.hero-bottom{margin-top:68px}}@media(max-width:1150px){.container{width:calc(100% - 72px)}.desktop-nav{gap:20px}.header-inner{gap:20px}.brand-name{font-size:9px;letter-spacing:1px}.brand-name small{font-size:8px;letter-spacing:.8px}.hero h1{font-size:72px;letter-spacing:-4px}.hero-grid{gap:15px}.hero-description{font-size:15px}.machine-panel{padding-left:15px}.hero-bottom{font-size:8px}.brand-list{gap:18px}.brand-list span{font-size:16px}.brands .container{gap:24px}.section{padding:80px 0}.section-heading,.about-grid{grid-template-columns:1fr 2.3fr;gap:30px}h2{font-size:40px}.service-short{font-size:11px}summary{grid-template-columns:45px 1.2fr 1fr 26px;gap:14px}summary h3{font-size:21px}.service-detail{margin-left:59px}.project-grid{gap:20px}.project-art{height:235px}.project-card h3{font-size:24px}.project-card>p{font-size:12px}.projects-top>p{font-size:12px}.tech-table>div{grid-template-columns:145px 1fr}.brief-grid{gap:45px}.brief h2{font-size:60px}.form-row{gap:16px}.process-grid{gap:24px}.process-heading h2{font-size:29px}.stage-controls button{font-size:10px}.stage-controls button span{font-size:8px;margin-right:4px}}
@media(max-width:880px){.header{height:78px}.desktop-nav{display:none}.header-cta{margin-left:auto}.hero-grid{padding-top:45px;grid-template-columns:1fr 1fr}.hero h1{font-size:58px;letter-spacing:-3px}.hero .eyebrow{font-size:9px}.hero-description{font-size:14px}.hero-bottom{margin-top:40px}.hero-bottom>span{display:none}.machine-panel{border-left:0;padding-left:0}.stage-controls{margin:0 4px}.stage-description{margin:8px 4px 22px;font-size:10px}.drawing-top{font-size:6px}.drawing-note{font-size:6px}.hero .button{font-size:12px;padding:16px 19px}.brands .container{display:block}.brands p{max-width:none;margin-bottom:20px}.brand-list{gap:16px}.brand-list span{font-size:15px}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow,.section-heading h2,.section-intro{grid-column:1}.section-heading .eyebrow{padding-top:0}.section-heading{gap:22px;margin-bottom:38px}summary{grid-template-columns:35px 1fr 26px}.service-short{display:none}.service-detail{margin-left:49px}.projects-top{align-items:start}.projects-top>p{max-width:180px;margin-top:40px}.project-grid{gap:18px}.project-art{height:200px}.project-card h3{font-size:21px}.project-meta{font-size:7px;letter-spacing:.3px}.project-card>p br{display:none}.project-card>p{min-height:60px}.art-caption{font-size:6px;left:12px}.art-corner{font-size:6px;left:12px}.pallet-graphic{transform:translate(-50%,-50%) scale(.8)}.wrapper-graphic{transform:translate(-50%,-50%) scale(.8)}.plc-graphic{transform:translate(-50%,-50%) scale(.72) rotate(-6deg) skewY(3deg)}.about-grid{grid-template-columns:1fr 1.8fr;gap:35px}.about .eyebrow{font-size:9px;letter-spacing:1px}.monogram{font-size:100px;letter-spacing:-10px}.monogram span{font-size:50px;right:-40px}.engineer-name{font-size:14px}.engineer-name span{font-size:10px;line-height:1.7}.about-content>.about-lead{font-size:16px}.about-content>p{font-size:13px}.tech-table>div{grid-template-columns:1fr;gap:8px}.process-heading{display:block}.process-heading .eyebrow{margin-bottom:24px}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px}.process-grid h3{margin-top:20px}.process-grid p{max-width:100%}.brief-grid{grid-template-columns:1fr 1.2fr;gap:30px}.brief h2{font-size:48px}.brief .eyebrow{font-size:9px;letter-spacing:1px}.brief-grid>div>p:not(.eyebrow){font-size:12px}.brief-grid>div>p br{display:none}.form-row{grid-template-columns:1fr;gap:0}.brief-note{gap:12px}.brief-note p{font-size:9px}.brief-note>span{min-width:40px;width:40px;height:40px}.brief-note br{display:none}#brief-form label{margin-bottom:21px}.footer-inner{gap:20px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header{height:74px}.brand{gap:13px}.brand-mark{font-size:31px}.brand-name{font-size:9px}.brand-name small{font-size:7px}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;border:1px solid #45503f;background:none;padding:10px}.menu-toggle span{height:1px;background:#c8f594;width:16px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:var(--dark);padding:13px 20px 24px;border-bottom:1px solid #56654d}.mobile-nav a{padding:12px 0;font-size:14px;color:#c4d2bb}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:22px;gap:28px}.hero h1{font-size:clamp(54px,14vw,84px);line-height:1.01;letter-spacing:-3.2px;margin-top:27px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-description{font-size:15px;margin:24px 0;max-width:320px}.desktop-break{display:none}.hero .button{font-size:12px;padding:17px 20px;min-width:225px}.hero-bottom{margin-top:30px;max-width:100%}.hero-bottom>span{display:block;font-size:8px}.hero-bottom a{font-size:10px}.machine-panel{margin-top:5px;border-top:1px solid #35422f;padding-top:19px}.drawing-top{font-size:7px}.line-drawing{max-width:440px;margin:-8px auto -9px}.stage-controls{margin:0 3px}.stage-controls button{font-size:11px}.stage-controls button span{font-size:9px;margin-right:7px}.stage-description{font-size:11px;min-height:17px;margin-bottom:24px}.drawing-note{font-size:6px}.brands{padding:23px 0 26px}.brands p{font-size:7px;letter-spacing:.7px;margin-bottom:20px}.brand-list{display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;column-gap:18px}.brand-list span{font-size:16px}.brand-list span:nth-child(4){font-size:14px}.section{padding:62px 0}.eyebrow{font-size:9px;letter-spacing:1.3px}h2{font-size:34px;letter-spacing:-1.4px;line-height:1.16}.section-heading{gap:20px;margin-bottom:32px}.section-intro{font-size:13px;line-height:1.8;max-width:350px}summary{grid-template-columns:25px 1fr 24px;gap:12px;padding:25px 0}summary h3{font-size:19px;letter-spacing:-.5px}.service-number{font-size:10px}.service-detail{margin:0 0 25px 37px}.service-detail p{font-size:12px;line-height:1.85}.tags{gap:6px;margin-top:15px}.tags span{font-size:9px;padding:6px 8px}.projects-top{display:block;margin-bottom:26px}.projects-top .eyebrow{margin-bottom:23px}.projects-top>p{max-width:320px;margin-top:22px;font-size:12px;line-height:1.8}.projects-top>p br{display:none}.project-filters{gap:5px;padding-bottom:22px;margin-bottom:25px}.project-filters button{font-size:10px;padding:9px 11px}.project-grid{grid-template-columns:1fr;gap:38px}.project-art{height:270px}.project-meta{font-size:8px;letter-spacing:.8px}.project-card h3{font-size:28px}.project-card>p{font-size:13px;min-height:0;max-width:280px;margin-top:10px}.project-link{font-size:11px;margin-top:18px}.art-caption{font-size:8px;left:20px}.art-corner{font-size:8px;left:20px}.pallet-graphic{transform:translate(-50%,-50%) scale(1)}.wrapper-graphic{transform:translate(-50%,-50%) scale(1.05)}.plc-graphic{transform:translate(-50%,-50%) scale(1.05) rotate(-6deg) skewY(3deg)}.project-footnote{font-size:9px;margin-top:25px;line-height:1.8}.about-grid{grid-template-columns:1fr;gap:32px}.about-label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.about-label .eyebrow{grid-column:1/-1}.monogram{font-size:82px;letter-spacing:-9px;margin:0}.monogram span{font-size:43px;right:-34px}.engineer-name{font-size:14px;line-height:1.5}.engineer-name span{font-size:10px;line-height:1.7;margin-top:4px}.about-content h2{margin-bottom:22px}.about-content>.about-lead{font-size:16px;line-height:1.8}.about-content>p{font-size:13px}.tech-table{margin-top:26px}.tech-table>div{grid-template-columns:1fr;gap:8px;padding:18px 0}.tech-table p{font-size:12px}.process-heading{margin-bottom:32px}.process-heading h2{font-size:30px;max-width:280px}.process-grid{gap:28px 20px}.process-grid h3{font-size:16px;margin-top:22px}.process-grid p{font-size:11px;line-height:1.8}.brief{padding:58px 0 48px}.brief-grid{grid-template-columns:1fr;gap:32px}.brief h2{font-size:58px;letter-spacing:-2px;margin:27px 0 23px}.brief-grid>div>p:not(.eyebrow){font-size:13px;max-width:330px}.brief-note{margin-top:25px;gap:15px}.brief-note p{font-size:10px;max-width:250px}.brief-note p br{display:none}#brief-form label{font-size:8px;margin-bottom:24px}#brief-form input,#brief-form select,#brief-form textarea{font-size:14px;padding-top:14px}.form-note{font-size:10px}.footer-inner{flex-wrap:wrap;gap:20px 17px}.footer-brand{font-size:28px}.footer-inner>p{font-size:10px;flex:1}.footer-inner>p>span{font-size:8px}.footer-inner>a:not(.footer-brand){font-size:10px;margin-left:0}.footer-year{font-size:9px;flex-basis:100%;padding-left:63px;margin-top:-10px}.dialog-inner{padding:40px 24px 28px}.dialog h2{font-size:31px}.dialog-intro{font-size:13px}.dialog .eyebrow{font-size:7px}.dialog ul{font-size:12px}.project-outcome p{font-size:12px}.dialog-actions{flex-direction:column;gap:10px}.dialog-actions .button{min-height:49px;font-size:12px}.dialog{max-height:calc(100dvh - 32px)}#brief-output{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body:has(dialog[open]){overflow:hidden}

/* Company identity and commissioning references. */
.brand{flex-shrink:0}.brand-logo{display:block;width:264px;height:auto}.desktop-nav{gap:23px}.footer-brand{line-height:0;letter-spacing:0;flex-shrink:0}.footer-brand img{display:block;width:180px;height:auto}.company-logo-panel{margin:55px 0 25px;padding:19px 0;max-width:348px}.company-logo-panel img{display:block;width:100%;height:auto}.engineer-name{font-size:20px;letter-spacing:-.4px}.engineer-name span{letter-spacing:0;line-height:1.8}.brand-list{align-items:center}.brand-list .sidel-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sidel-brand small{font:8px var(--sans);font-weight:400;letter-spacing:0;white-space:nowrap;color:#6b7561}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.project-art{height:235px}.project-card h3{font-size:24px}.project-card>p{font-size:12px}.project-meta{font-size:7px;letter-spacing:.6px}.art-caption{font-size:7px;letter-spacing:.3px;left:14px}.art-corner{left:14px;font-size:7px}.pallet-graphic{transform:translate(-50%,-50%) scale(.85)}.wrapper-graphic{transform:translate(-50%,-50%) scale(.85)}.plc-graphic{transform:translate(-50%,-50%) scale(.84) rotate(-6deg) skewY(3deg)}.art-sidel{background:#24443e}.project-card:hover .art-sidel{background:#2d554b}.art-sidel .art-caption,.art-sidel .art-corner,.art-sidel .art-arrow{color:#a4c8bc}.bottle-graphic{position:absolute;left:50%;top:50%;width:95%;max-width:290px;height:80%;transform:translate(-50%,-50%)}
.references{background:#f0f2e9;border-bottom:1px solid var(--line)}.references-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.references-heading .eyebrow{margin-bottom:26px;color:#6d7b61}.references-heading>p{font-size:13px;line-height:1.8;color:#657458}.reference-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;margin:44px 0 40px;padding:28px 0;border-top:1px solid #ccd5bf;border-bottom:1px solid #ccd5bf}.reference-stats>div{display:flex;align-items:baseline;gap:18px}.reference-stats strong{font-size:42px;letter-spacing:-2px;font-weight:500;white-space:nowrap}.reference-stats>div:last-child strong{font-size:32px;letter-spacing:-1px}.reference-stats span{font-size:10px;color:#6a7b5c;line-height:1.7;max-width:120px}.reference-controls{display:grid;grid-template-columns:2fr 1fr .7fr;gap:24px;margin-bottom:28px}.reference-controls label{font:8px var(--mono);letter-spacing:1px;color:#6c7b5e}.reference-controls input,.reference-controls select{width:100%;border:0;border-bottom:1px solid #b6c4a5;background:transparent;color:#3d4e33;font:13px var(--sans);padding:13px 0;line-height:1.4;border-radius:0;display:block}.reference-controls input::placeholder{color:#74836a}.reference-controls input:focus-visible,.reference-controls select:focus-visible{outline:2px solid #88a76e;outline-offset:4px}.reference-table{border-collapse:collapse;width:100%;table-layout:fixed}.reference-table th{text-align:left;font:8px var(--mono);letter-spacing:.8px;color:#6d7e5e;padding:15px 14px 15px 0;border-bottom:1px solid #acbc9b}.reference-table th:nth-child(1){width:17%}.reference-table th:nth-child(2){width:26%}.reference-table th:nth-child(3){width:12%}.reference-table th:nth-child(4){width:45%}.reference-table td{padding:19px 18px 19px 0;border-bottom:1px solid #d4dccb;vertical-align:top;font-size:12px;line-height:1.75;color:#556749;overflow-wrap:anywhere}.reference-table td:first-child{font:10px/1.8 var(--mono);color:#7b886e}.reference-table td strong{font-size:13px;font-weight:500;color:#2c3d22}.reference-sector{display:block;font-size:10px;margin-top:5px;color:#78866b}.reference-table td:last-child{padding-right:0}.reference-table tbody tr:hover{background:#e7eddf}.reference-footer{display:flex;align-items:center;gap:25px;margin-top:24px}.reference-footer>p{font:9px var(--mono);color:#6f805f;line-height:1.8;margin-right:auto}.reference-footer .button{font-size:11px;padding:13px 18px;min-height:46px}.reference-reset{border:0;background:none;font-size:11px;color:#687b55;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.reference-empty{font-size:13px;color:#657957;padding:30px 0;line-height:1.8}
@media(max-width:1150px){.brand-logo{width:238px}.desktop-nav{gap:18px}.brands .container{display:block}.brands p{max-width:none;margin-bottom:20px}.brand-list{gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.project-art{height:265px}.project-card h3{font-size:27px}.project-card>p{font-size:13px}.project-meta{font-size:8px;letter-spacing:1px}.art-caption,.art-corner{font-size:8px;left:20px}.pallet-graphic{transform:translate(-50%,-50%)}.wrapper-graphic{transform:translate(-50%,-50%)}.plc-graphic{transform:translate(-50%,-50%) rotate(-6deg) skewY(3deg)}.reference-stats{grid-template-columns:1fr 1fr 1.4fr;gap:20px}.reference-stats>div{display:block}.reference-stats span{display:block;margin-top:8px;max-width:none}.reference-stats>div:last-child strong{font-size:36px}.reference-stats strong{font-size:40px}.reference-table td{font-size:11px}.reference-table td strong{font-size:12px}}
@media(max-width:880px){.reference-stats{margin-top:32px}.references-heading>p{max-width:190px;font-size:12px}.references-heading>p br{display:none}.reference-controls{gap:18px;grid-template-columns:1.6fr 1fr .7fr}.reference-controls input,.reference-controls select{font-size:12px}.reference-table th:nth-child(1){width:16%}.reference-table th:nth-child(2){width:25%}.reference-table th:nth-child(3){width:13%}.reference-table th:nth-child(4){width:46%}.company-logo-panel{margin-top:40px}.footer-brand img{width:155px}}
@media(max-width:640px){.brand-logo{width:min(250px,calc(100vw - 98px))}.hero .eyebrow{font-size:8px;letter-spacing:1px}.project-grid{grid-template-columns:1fr;gap:38px}.project-art{height:270px}.project-card h3{font-size:28px}.project-card>p{font-size:13px;min-height:0}.project-meta{font-size:8px;letter-spacing:.8px}.sidel-brand small{font-size:8px}.brand-list .sidel-brand{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:12px}.about-label{grid-template-columns:1fr;gap:20px}.company-logo-panel{margin:8px 0 0;padding:0;width:min(348px,100%)}.engineer-name{font-size:20px}.engineer-name span{font-size:11px;margin-top:7px}.references-heading{display:block}.references-heading>p{max-width:320px;margin-top:20px;font-size:12px}.reference-stats{gap:16px;grid-template-columns:1fr 1fr;margin:30px 0}.reference-stats>div:last-child{grid-column:1/-1;display:flex;gap:18px;align-items:center}.reference-stats strong{font-size:42px}.reference-stats>div:last-child strong{font-size:30px}.reference-stats span{font-size:10px}.reference-stats>div:last-child span{margin:0;max-width:125px}.reference-controls{grid-template-columns:1fr 1fr;gap:22px 18px;margin-bottom:12px}.reference-search{grid-column:1/-1}.reference-controls input,.reference-controls select{font-size:14px}.reference-table{display:block}.reference-table thead{display:none}.reference-table tbody{display:block}.reference-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;border-bottom:1px solid #cbd6be;padding:24px 0}.reference-table td{padding:0;border:0;font-size:12px}.reference-table td:first-child{grid-column:1;grid-row:1;font:9px var(--mono)}.reference-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right;font-size:10px;line-height:1.1;color:#738564}.reference-table td:nth-child(2){grid-column:1/-1;grid-row:2}.reference-table td:nth-child(4){grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.85}.reference-table td strong{font-size:17px;letter-spacing:-.3px;line-height:1.4}.reference-sector{font-size:10px;margin-top:5px}.reference-footer{gap:16px;flex-wrap:wrap;margin-top:22px}.reference-footer>p{width:100%;font-size:9px}.reference-footer .button{font-size:11px}.reference-reset{font-size:10px}.footer-inner{gap:20px}.footer-brand img{width:160px}.footer-inner>p{flex-basis:calc(100% - 180px);font-size:9px}.footer-inner>p>span{font-size:8px;line-height:1.6;display:block}.footer-inner>a:not(.footer-brand){margin-left:auto;order:4}.footer-year{flex-basis:auto;padding:0;margin:0}}

/* Company contact details and simplified experience heading. */
.references-heading{margin-bottom:0}
.company-contacts{font-style:normal;margin-top:30px;padding-top:23px;border-top:1px solid var(--line);max-width:348px}
.company-contacts h3{font:9px var(--mono);letter-spacing:1.2px;color:#6a785e;margin:0 0 20px}
.company-contacts a{display:block;width:fit-content;max-width:100%;margin-top:17px}
.company-contacts a>span{display:block;font:8px var(--mono);letter-spacing:1px;color:#7a866f;margin-bottom:7px}
.company-contacts strong{font-size:16px;font-weight:500;line-height:1.5;color:#3f5b31;overflow-wrap:anywhere;border-bottom:1px solid transparent}
.company-contacts a:hover strong{border-bottom-color:#738e60}
@media(max-width:880px){.company-contacts strong{font-size:14px}}
@media(max-width:640px){.company-contacts{margin-top:5px;width:100%;max-width:none}.company-contacts strong{font-size:17px}.references-heading{margin-bottom:0}}


/* Supplied customer and brand logos. */
.company-logos{list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.company-logos li{height:118px;padding:14px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e4dc}
.company-logos img{display:block;max-width:100%;max-height:88px;width:auto;height:auto;object-fit:contain}
@media(max-width:900px){.company-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.company-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:30px}.company-logos li{height:100px;padding:12px}.company-logos img{max-height:76px}}
