500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171717;--lime:#b10d0d;--paper:#fafafa;--line:#d5d5d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b10d0d;outline-offset:5px}.draft{padding:9px 5%;background:#b10d0d;font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;justify-content:space-between}.draft span{font-weight:400;letter-spacing:.5px}header{height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:43px;fill:none;stroke:var(--ink);stroke-width:2}.brand>span{font-size:43px;font-weight:700;line-height:.8;letter-spacing:-3px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;margin-top:11px}nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav-contact{padding:14px 20px;border:1px solid var(--ink);margin-left:20px}.nav-contact span{margin-left:27px}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;padding:60px 5% 0;gap:5%}.hero-copy{padding-top:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;background:var(--ink);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(44px,5.3vw,84px);line-height:1.09;letter-spacing:-4px;margin:30px 0 25px}em{font-style:normal;color:#b10d0d}.intro{font-size:16px;line-height:1.8;max-width:450px;color:#555555}.button{display:inline-flex;background:var(--ink);color:var(--paper);border:0;padding:18px 23px;font-size:12px;gap:42px;align-items:center;margin-top:20px}.button:hover{background:#900909}.button span{font-size:20px}.hero-foot{margin-top:70px;padding:20px 0;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.hero-art{background:#171717;position:relative;overflow:hidden;color:#dbe9d8;display:flex;flex-direction:column;justify-content:space-between;min-height:540px}.hero-art svg{width:100%;height:auto;flex:1}.art-top,.art-bottom{padding:23px;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.art-top i{font-style:normal;color:var(--lime);font-size:7px}.signal{position:absolute;bottom:80px;left:27px;right:27px;background:#f1f4e9;padding:20px;display:flex;gap:15px;align-items:center;color:var(--ink);box-shadow:0 10px 40px #0002}.signal-icon{font-size:30px}.signal small{font-size:8px;letter-spacing:1px;display:block;margin-bottom:6px}.signal strong{font-size:15px;font-weight:500}.art-bottom{border-top:1px solid #ffffff20}.sectors{display:flex;justify-content:space-between;margin:0 5%;padding:32px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.6px}.section{padding:100px 5%}.section-head{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:35px;align-items:start}.section-head h2{font-size:38px;line-height:1.2;letter-spacing:-1.6px;margin:0}.section-head>p:last-child{font-size:14px;line-height:1.8;color:#555555;margin:3px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.services article{border-top:1px solid #b4b4b4;padding-top:22px}.number{font-size:11px;color:#777777}.services h3{font-size:28px;letter-spacing:-.8px;line-height:1.25}.services p,.projects article>p:last-child{font-size:14px;line-height:1.8;color:#555555}.services ul{list-style:none;padding:20px 0 0;font-size:12px;line-height:2.5}.services li:before{content:'↗';margin-right:13px;color:#b10d0d}.applications{background:#f0f0f0}.filters{display:flex;gap:10px;margin:44px 0 30px;flex-wrap:wrap}.filters button{border:1px solid #c8c8c8;background:transparent;padding:11px 18px;border-radius:30px;font-size:11px;color:var(--ink)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.projects article[hidden]{display:none}.project-art{height:230px;position:relative;overflow:hidden;background:#bec9b6}.project-art>span{position:absolute;top:18px;left:17px;font-size:8px;letter-spacing:1px;z-index:1}.projects .eyebrow{font-size:8px;margin-top:25px}.projects h3{font-size:21px;letter-spacing:-.6px}.projects article>p:last-child{font-size:12px}.silos{display:flex;position:absolute;bottom:25px;left:14%;gap:8px;align-items:end;transform:skewY(-7deg)}.silos i{display:block;width:48px;height:104px;background:linear-gradient(90deg,#6b806b,#d5ddc9,#8a9e80);border-radius:50% 50% 4px 4px/17% 17% 2px 2px;border:1px solid #6b806b;box-shadow:7px 12px 0 #70846833}.silos i:nth-child(2){height:139px}.water{background:#a8bfba}.rings{position:absolute;inset:45px 15px 10px;display:grid;place-items:center}.rings i{position:absolute;border:1px solid #486e68;border-radius:50%;width:145px;height:145px}.rings i:nth-child(2){width:190px;height:190px}.rings i:nth-child(3){width:100px;height:100px}.rings b{font-size:29px;font-weight:400}.barn{background:#cbc3a8}.barn-shape{position:absolute;width:150px;height:110px;background:#7d8266;bottom:30px;left:calc(50% - 75px);clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%);color:#e4e4c8;text-align:center;padding-top:32px;font-size:58px}.industrial{background:#b8c2bd}.gears{font-size:155px;position:absolute;bottom:-10px;left:calc(50% - 64px);color:#50665b;transform:rotate(-17deg)}.hmi{background:var(--ink);color:#f2f3e7;padding:85px 8%;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center}.hmi h2{font-size:57px;line-height:1.1;letter-spacing:-2px;margin:26px 0}.hmi>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c0cdbf}.hmi .eyebrow{color:var(--lime)}.text-link{font-size:12px;border-bottom:1px solid #ffffff70;padding:15px 0;display:flex;justify-content:space-between;margin-top:20px}.dashboard{background:#102c28;border:1px solid #6a8374;border-radius:8px;transform:rotate(-2deg);box-shadow:0 25px 60px #0003}.dash-head{padding:19px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center}.dash-head strong{font-size:24px}.dash-head strong span{font-size:10px;font-weight:400;color:var(--lime)}.dash-head>span{font-size:7px;letter-spacing:1px;color:#a4b9a6}.dash-body{padding:23px}.dash-nav{font-size:10px;color:var(--lime);display:flex;gap:25px}.dash-nav span{color:#9bb19e}.dash-title{font-size:19px;margin:28px 0 22px;display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:9px;color:#9bb19e}.readings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.readings>div{background:#1e3e36;padding:20px}.readings small{font-size:7px;letter-spacing:1px;color:#b7c9b1}.readings strong{font-size:40px;display:block;font-weight:400;margin:13px 0}.readings strong span{font-size:12px;color:#a6ba9f;margin-left:5px}.level{height:8px;background:#466044;margin:27px 0 17px}.level i{display:block;width:72%;height:100%;background:var(--lime)}.readings svg{height:50px;width:100%}.dash-row{font-size:10px;display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff15}.dash-row i{display:inline-block;background:var(--lime);width:5px;height:5px;border-radius:50%;margin-right:7px}.demo-note{font-size:8px;color:#9cb39c;margin-top:20px}.about h2{font-size:46px;line-height:1.25;letter-spacing:-1.8px;margin:32px 0}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-left:33%}.about>div p{font-size:14px;line-height:1.9;color:#555555}.contact{background:var(--lime);padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:0 10%}.contact>.eyebrow{grid-column:1/-1}.contact h2{font-size:65px;letter-spacing:-3px;line-height:1.1;margin:15px 0}.contact>div{padding-top:15px;max-width:380px}.contact>div>p{font-size:15px;line-height:1.8}.contact .contact-note{font-size:10px;margin-top:14px}footer{padding:50px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:11px;line-height:1.8}footer>span{font-size:9px;color:#73816e}.footer-brand{font-size:38px;font-weight:700;letter-spacing:-2px}.footer-brand span{display:block;font-size:7px;letter-spacing:2px;line-height:1}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:520px;width:90%;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#102c28b0}dialog h2{font-size:34px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7}dialog label{display:block;font-size:12px;margin-top:18px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #aaaaaa;background:white;padding:12px;border-radius:0}dialog .close{float:right;border:0;background:none;font-size:27px;color:var(--ink)}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){h1{letter-spacing:-2.5px}.hero{gap:4%;padding-top:35px}.hero-art{min-height:480px}.hero-foot{margin-top:40px}.section-head{grid-template-columns:1fr 2fr}.section-head>p:last-child{grid-column:2}.projects{grid-template-columns:repeat(2,1fr)}.services{gap:25px}.hmi{gap:6%;padding:65px 5%}.hmi h2{font-size:46px}.about>div{margin-left:20%}nav{gap:20px}.nav-contact{margin-left:0}}@media(max-width:700px){header{height:85px}.brand>span{font-size:35px}.brand svg{width:35px}.brand small{font-size:7px}.menu{display:block;border:1px solid var(--ink);background:transparent;padding:10px;font-size:11px}nav{display:none;position:absolute;top:120px;left:0;right:0;background:var(--paper);padding:25px 5%;z-index:5;box-shadow:0 20px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}.draft{font-size:8px}.draft span{font-size:8px;letter-spacing:0}.hero{grid-template-columns:1fr;padding-top:25px;gap:20px}h1{font-size:55px}.intro{font-size:15px}.hero-foot{margin-top:30px}.hero-art{min-height:400px}.hero-art svg{max-height:400px}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px;padding:25px 0}.section{padding:60px 5%}.section-head{display:block}.section-head h2{font-size:32px;margin:24px 0 15px}.section-head>p:last-child{max-width:320px}.services{grid-template-columns:1fr;margin-top:35px;gap:20px}.services h3 br{display:none}.services h3{font-size:26px;margin:15px 0}.services ul{padding-top:0}.projects{gap:25px 16px}.project-art{height:180px}.project-art>span{font-size:6px;left:10px}.silos{left:10%;gap:5px}.silos i{width:33px;height:80px}.silos i:nth-child(2){height:110px}.projects h3{font-size:19px}.projects .eyebrow{font-size:7px}.filters{margin-top:30px;gap:6px}.filters button{font-size:10px;padding:9px 12px}.rings i{width:100px;height:100px}.rings i:nth-child(2){width:140px;height:140px}.rings i:nth-child(3){width:65px;height:65px}.rings b{font-size:22px}.barn-shape{width:110px;left:calc(50% - 55px);height:95px}.gears{font-size:125px;left:calc(50% - 55px)}.hmi{grid-template-columns:1fr;padding:55px 6%;gap:35px}.hmi h2{font-size:45px}.dashboard{transform:rotate(0)}.about h2{font-size:33px}.about>div{margin-left:0;display:block}.contact{display:block;padding:45px 5%}.contact h2{font-size:52px}footer{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:35px 5%}footer>p{font-size:10px}footer>a:last-child{font-size:10px}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Existing-site context, with the independent concept design retained. */
.case-study{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;background:#f0f0f0}.case-image{position:relative;min-height:500px;background:#bcc6b4;overflow:hidden}.case-image img{width:100%;height:500px;object-fit:cover;display:block}.case-image>span{position:absolute;bottom:0;left:0;right:0;background:#171717e8;color:#fafafa;padding:21px;font-size:9px;letter-spacing:1.2px}.case-copy h2{font-size:39px;letter-spacing:-1.5px;line-height:1.2}.case-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#555555}.process-step{display:flex;gap:20px;border-top:1px solid #cccccc;padding-top:18px;margin-top:22px}.process-step>span{font-size:11px;padding-top:5px;color:#777777}.process-step h3{font-size:17px;margin:0 0 9px}.process-step p{font-size:12px;line-height:1.8;margin:0;color:#555555}.case-copy .text-link{border-color:#bbbbbb}.people{background:#f0f0f0;border-top:1px solid #d5d5d5}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px;margin-top:50px}.team-grid article{border-top:1px solid #c8c8c8;padding-top:20px}.initials{display:grid;place-items:center;width:55px;height:55px;background:#e7e7e7;color:#9a0007;font-size:17px;letter-spacing:1px;border-radius:50%}.team-grid h3{font-size:18px;margin:20px 0 5px}.team-grid p{font-size:11px;color:#555555;line-height:1.7;margin:0}.review-note{font-size:10px;color:#666666;line-height:1.7;margin-top:35px;max-width:650px}.contact-direct{font-size:12px!important;margin-top:23px}.contact-direct a{border-bottom:1px solid var(--ink);white-space:nowrap;margin-left:6px}nav{gap:23px}.nav-contact{margin-left:0}@media(max-width:1000px){.case-study{gap:5%}.case-copy h2{font-size:31px}.team-grid{grid-template-columns:repeat(2,1fr)}nav{gap:15px;font-size:12px}}@media(max-width:700px){.case-study{grid-template-columns:1fr;gap:28px}.case-image{min-height:300px}.case-image img{height:300px}.case-copy h2{font-size:33px}.team-grid{gap:28px 18px}.team-grid h3{font-size:16px}}

.existing-logo{display:block;width:170px;height:auto;filter:brightness(0) saturate(100%) invert(19%) sepia(18%) saturate(1129%) hue-rotate(111deg) brightness(92%) contrast(91%)}@media(max-width:700px){.existing-logo{width:140px}.footer-brand .existing-logo{width:130px}}

.hmi-phone{margin:0;display:flex;flex-direction:column;align-items:center}.phone-open{background:none;border:0;max-width:310px;width:100%;padding:0}.phone-open img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;filter:drop-shadow(0 18px 24px #0004)}.hmi-phone figcaption{font-size:9px;letter-spacing:1px;text-align:center;margin-top:20px;color:#b10d0d}.hmi-phone figcaption span{display:block;font-size:8px;letter-spacing:.3px;color:#b1c4ad;margin-top:9px}.screen-gallery{background:#f0f0f0}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px;margin-top:45px}.screenshot-frame{position:relative;display:block;width:100%;height:350px;padding:0;border:1px solid #cccccc;background:#fff;overflow:hidden;text-align:left}.screenshot-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:none}.screenshot-frame:hover img{transform:none}.screenshot-frame>span{position:absolute;bottom:15px;right:15px;background:#171717;color:#fafafa;padding:10px 15px;font-size:10px;box-shadow:0 3px 12px #0002}.screen-grid h3{font-size:23px;letter-spacing:-.7px;margin:23px 0 10px}.screen-grid article>p{font-size:13px;color:#555555;line-height:1.8;max-width:430px}.screen-note{font-size:10px;line-height:1.8;color:#666666;margin-top:35px}#screen-viewer{width:min(1150px,96vw);max-width:1150px;max-height:94vh;padding:0;background:#fafafa}#screen-viewer .viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:20px;border-bottom:1px solid #d5d5d5}#screen-viewer h2{font-size:16px;margin:0;letter-spacing:0}#screen-viewer .viewer-toolbar button{border:1px solid #aaaaaa;background:transparent;color:#171717;padding:8px 12px;font-size:12px}.viewer-scroll{overflow:auto;max-height:calc(94vh - 67px);padding:15px;background:#e9e9e9}.viewer-scroll img{display:block;width:100%;height:auto;background:#fff}#screen-viewer:has(img[src*="F0CDEGWLF9R"]) .viewer-scroll img{max-width:460px;margin:auto;background:transparent}@media(max-width:700px){.phone-open img{max-height:480px}.screen-grid{grid-template-columns:1fr;gap:30px}.screenshot-frame{height:330px}.screen-grid h3{font-size:22px}.viewer-scroll{padding:5px}#screen-viewer .viewer-toolbar{padding:12px}.screen-grid{margin-top:30px}}@media(prefers-reduced-motion:reduce){.screenshot-frame img{transition:none}}

/* Atom brand refinement: traditional type, black structural bands and red accents. */
:root{--ink:#171717;--lime:#b10d0d;--paper:#fafafa;--line:#d5d5d5}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0}h1{font-size:clamp(40px,4.3vw,64px);line-height:1.15;letter-spacing:-1px;margin:27px 0 25px}h2{line-height:1.25}em{color:#b10d0d}.eyebrow{font-size:11px;letter-spacing:1px}.draft{background:#b10d0d;color:#fff;letter-spacing:1px}header{background:#171717;color:#fff;height:100px;border-bottom:4px solid #b10d0d}.existing-logo{filter:none;width:190px}nav{font-size:14px;font-weight:600}.nav-contact{background:#b10d0d;border-color:#b10d0d;color:#fff}.nav-contact:hover,.button:hover{background:#900909}.menu{color:white;border-color:#aaa}.hero{padding-top:45px}.hero-copy{padding-top:15px}.intro{font-size:17px;line-height:1.7}.button{background:#b10d0d;color:#fff;font-size:14px;font-weight:600;padding:16px 22px;gap:30px}.hero-foot{font-size:10px;letter-spacing:.5px;margin-top:45px}.hero-art{background:#222;color:#eee;border-top:4px solid #b10d0d;min-height:480px}.art-top,.art-bottom{font-size:9px;letter-spacing:.5px}.art-top i{color:#fff}.signal{background:#f4f4f4;color:#222;border-left:4px solid #b10d0d;box-shadow:none}.signal strong{font-weight:600}.signal small{font-size:9px}.sectors{font-size:11px;letter-spacing:.7px;font-weight:600}.section{padding-top:75px;padding-bottom:75px}.section-head h2{font-size:33px;letter-spacing:-.4px}.section-head>p:last-child{font-size:15px}.services{margin-top:45px}.services article{border-top:3px solid #b10d0d}.services h3{font-size:26px;letter-spacing:0}.services p{font-size:15px}.services ul{font-size:13px}.filters button{border-radius:2px;font-size:12px}.filters button.active{background:#b10d0d;border-color:#b10d0d}.projects h3{font-size:21px;letter-spacing:0}.projects article>p:last-child{font-size:14px}.projects .eyebrow{font-size:10px}.project-art{filter:grayscale(1)}.case-copy h2{font-size:33px;letter-spacing:-.4px}.case-image>span{background:#171717ed;color:#fff;font-size:10px;letter-spacing:.5px}.case-copy>p:not(.eyebrow){font-size:15px}.process-step h3{font-size:18px}.process-step p{font-size:14px}.text-link{font-size:14px}.hmi{background:#171717;color:#fff;border-top:4px solid #b10d0d;padding-top:65px;padding-bottom:65px}.hmi h2{font-size:44px;letter-spacing:-.5px}.hmi .eyebrow{color:#ff7979}.hmi>div>p:not(.eyebrow){font-size:16px;color:#d0d0d0}.hmi-phone figcaption{color:#fff;font-weight:600}.hmi-phone figcaption span{color:#bbb}.screenshot-frame>span{background:#b10d0d;color:#fff;font-size:12px}.screen-grid h3{font-size:23px;letter-spacing:0}.screen-grid article>p{font-size:14px}.screen-note,.review-note{font-size:12px;color:#666}.about h2{font-size:38px;letter-spacing:-.5px}.about>div p{font-size:15px}.team-grid{grid-template-columns:repeat(3,1fr)}.team-grid h3{font-size:20px}.team-grid p{font-size:13px}.initials{border-radius:3px;border-left:3px solid #b10d0d;font-weight:700}.contact{background:#242424;color:#fff;border-top:4px solid #b10d0d}.contact>.eyebrow{color:#ff7979}.contact h2{font-size:48px;letter-spacing:-.5px}.contact-direct a{border-color:#fff}.contact .contact-note{color:#bbb;font-size:11px}footer{background:#111;color:#eee;border-top:1px solid #3a3a3a;font-size:12px}footer>span{color:#aaa;font-size:11px}footer .existing-logo{filter:none}.viewer-toolbar button{border-radius:2px}dialog::backdrop{background:#000b}
@media(max-width:1000px){.section-head h2,.case-copy h2{font-size:30px}.hmi h2{font-size:38px}.about h2{font-size:34px}nav{font-size:12px}}
@media(max-width:700px){header{height:85px}.existing-logo{width:155px}nav{background:#171717;font-size:14px}.menu{border-color:#888}.hero{padding-top:25px}h1{font-size:42px;letter-spacing:-.5px}.intro{font-size:16px}.hero-art{min-height:380px}.section{padding-top:50px;padding-bottom:50px}.section-head h2,.case-copy h2{font-size:29px}.services h3{font-size:25px}.sectors{font-size:10px}.hmi h2{font-size:36px}.about h2{font-size:30px}.contact h2{font-size:38px}.team-grid{grid-template-columns:repeat(2,1fr)}.team-grid h3{font-size:18px}.team-grid p{font-size:12px}.footer-brand .existing-logo{width:135px}}

.project-gallery{background:#fff;border-top:1px solid #ddd}.client-projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.client-project{border:1px solid #d4d4d4;background:#fafafa}.aspen-photos{height:410px;display:grid;grid-template-columns:1fr 1fr;position:relative;background:#eee;padding-bottom:34px;gap:2px}.aspen-photos button{border:0;padding:0;background:#eee;overflow:hidden}.aspen-photos img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.aspen-photos>span{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;font-size:9px;letter-spacing:.5px;background:#171717;color:white}.client-copy{padding:25px}.client-copy h3{font-size:25px;line-height:1.25;margin:15px 0}.client-copy>p{font-size:14px;line-height:1.8;color:#555}.client-copy>.eyebrow{color:#9a0007;font-size:11px}.client-copy ul{padding-left:18px;font-size:14px;line-height:1.9;color:#444}.client-copy .project-caption{font-size:11px;color:#666;border-top:1px solid #ddd;padding-top:15px;margin-top:20px}.lazy-process{height:410px;background:#222;color:#fff;padding:23px 30px;display:flex;flex-direction:column;justify-content:space-between}.lazy-process>p{font-size:10px;letter-spacing:1px;margin:0}.process-flow{display:flex;flex-direction:column;align-items:center;gap:6px}.process-flow>span{border:1px solid #777;border-left:3px solid #b10d0d;padding:9px 15px;width:90%;text-align:center;font-size:12px;background:#303030}.process-flow>b{font-size:17px;color:#ef5555;font-weight:400}.bin-row{display:flex;gap:5px;width:90%;justify-content:center}.bin-row i{font-style:normal;font-size:10px;background:#eee;color:#333;border-top:3px solid #b10d0d;padding:12px 0 15px;flex:1;text-align:center;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.lazy-process>small{font-size:9px;color:#bbb;letter-spacing:.6px}.client-copy .eyebrow{margin-top:0}nav{gap:18px;font-size:13px}@media(max-width:1000px){nav{gap:11px;font-size:11px}.nav-contact{padding:12px}.client-projects{gap:20px}.aspen-photos,.lazy-process{height:370px}.client-copy{padding:20px}}@media(max-width:700px){.client-projects{grid-template-columns:1fr}.aspen-photos{height:400px}.lazy-process{height:400px}nav{font-size:14px}.client-copy h3{font-size:23px}}

/* Persistent navigation and section offsets. */
:root{--header-height:100px}html{scroll-padding-top:calc(var(--header-height) + 20px)}header{position:sticky;top:0;z-index:100;box-shadow:0 3px 12px #0002}nav a:hover{color:#ffaaaa}.nav-contact:hover{color:#fff}@media(max-width:700px){:root{--header-height:85px}header nav{top:100%;max-height:calc(100dvh - var(--header-height));overflow-y:auto}}

.project-posts{background:#f0f0f0;border-top:1px solid #d5d5d5}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d5d5d5;border-top:3px solid #b10d0d;padding:25px}.post-card[hidden],#more-posts[hidden]{display:none}.post-card .eyebrow{font-size:10px;color:#9a0007}.post-card h3{font-size:21px;line-height:1.35;margin:12px 0}.post-card h3 a:hover{text-decoration:underline}.post-card>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#555;margin-bottom:25px}.post-link{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#9a0007;font-weight:600;margin-top:auto;padding-top:15px;border-top:1px solid #ddd}.project-article{max-width:900px;margin:0 auto;padding:55px 40px 80px}.article-back{display:inline-block;font-size:13px;color:#9a0007;margin-bottom:40px}.project-article h1{font-size:42px;line-height:1.2;margin:18px 0 25px}.article-deck{font-size:20px;line-height:1.6;color:#555}.article-date{font-size:12px;color:#777;border-bottom:1px solid #ddd;padding-bottom:25px;margin-bottom:35px}.project-article h2{font-size:25px;margin-top:35px}.project-article>p:not(.eyebrow):not(.article-deck):not(.article-date){font-size:16px;line-height:1.9;color:#444}.project-article figure{margin:25px 0}.project-article figure img{display:block;max-height:500px;width:100%;object-fit:contain;background:#eee}.project-article figcaption{font-size:11px;color:#666;margin-top:10px}.article-review{background:#eee;border-left:3px solid #b10d0d;padding:20px;margin:35px 0}.article-review strong{font-size:13px}.article-review p{font-size:13px;line-height:1.8;margin-bottom:0;color:#555}.article-return{display:block;margin-top:25px;font-size:13px;color:#9a0007}@media(max-width:1000px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.post-grid{grid-template-columns:1fr}.project-article{padding:35px 6% 55px}.project-article h1{font-size:32px}.article-deck{font-size:18px}}

.post-card{padding:0;overflow:hidden}.post-image{display:block;height:210px;background:#e9e9e9;border-bottom:1px solid #ddd}.post-image img{width:100%;height:100%;display:block;object-fit:cover}.post-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.post-card-body>.eyebrow{font-size:10px;color:#9a0007}.post-card-body>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#555;margin-bottom:25px}.project-article .article-photo img{max-height:520px;object-fit:contain}.article-photo{background:#eee}.article-photo figcaption{background:#fafafa;padding:12px 0}@media(max-width:700px){.post-image{height:230px}}

.photo-choice{display:block;font-size:12px;color:#9a0007;text-decoration:underline;margin-top:15px;line-height:1.6}.photo-review{border:1px solid #ccc;padding:18px 22px;background:#f1f1f1}.photo-review .photo-choice{margin-top:0;font-size:14px;font-weight:600}.photo-review p{font-size:13px;color:#555;line-height:1.8;margin-bottom:0}

/* Farm-focused layout, November 2026. */
.farm-hero-photo{margin:0;min-height:410px;position:relative;background:#ddd;border-top:4px solid #b10d0d}.farm-hero-photo img{width:100%;height:100%;min-height:410px;object-fit:cover;display:block}.farm-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#171717e8;color:#fff;padding:16px;font-size:12px}.farm-services{position:relative}.farm-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;margin-top:45px}.farm-work-grid article{border-top:3px solid #b10d0d;padding:22px 0}.work-number{font-size:12px;color:#777}.farm-work-grid h3{font-size:26px;margin:14px 0}.farm-work-grid p{font-size:16px;line-height:1.8;color:#555;max-width:500px}.farm-work-grid article>a{display:inline-block;font-size:13px;font-weight:600;color:#9a0007;margin-top:8px}.farm-software{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;background:#eee;padding:30px;margin-top:25px;border-left:4px solid #b10d0d}.farm-software h3{font-size:25px;margin:12px 0}.farm-software>p{font-size:16px;line-height:1.8;color:#555}.anchor-alias{display:block;position:relative}.farm-contact{display:block;padding-top:60px;padding-bottom:60px}.farm-contact h2{font-size:38px;margin:22px 0 35px}.farm-contact .contact-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:850px;padding:0}.contact-details h3{font-size:15px;color:#bbb;margin:0 0 15px}.contact-phone{font-size:30px;font-weight:700;color:white}.contact-details address{font-style:normal;font-size:21px;line-height:1.7}.directions-link{font-size:13px;display:inline-block;border-bottom:1px solid #888;padding-bottom:5px;margin-top:20px}.hero h1{font-size:clamp(40px,4.2vw,62px)}@media(max-width:700px){.farm-work-grid{grid-template-columns:1fr;gap:10px}.farm-software{grid-template-columns:1fr;gap:5px;padding:23px}.farm-hero-photo,.farm-hero-photo img{min-height:300px;height:300px}.farm-contact .contact-details{grid-template-columns:1fr}.farm-contact h2{font-size:32px}.contact-phone{font-size:27px}.hero h1{font-size:40px}}

/* Company information uses work examples rather than an employee directory. */
.about-page-link{display:inline-block;color:#b10d0d;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.company-page{padding:55px 5% 0}.company-page p{line-height:1.8;color:#555}.company-page figure{margin:0}.company-page figcaption{font-size:11px;line-height:1.6;color:#666;margin-top:10px}.company-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-bottom:55px}.company-intro h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1.5px}.company-intro figure img{display:block;width:100%;max-height:480px;object-fit:cover}.company-copy{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding:40px 0;border-top:1px solid #d5d5d5}.company-copy h2{font-size:30px;margin-top:12px}.company-copy p{max-width:780px}.company-work{padding:45px 0;border-top:1px solid #d5d5d5}.company-examples{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.company-examples figure img{width:100%;height:300px;object-fit:cover;display:block;background:#eee}.company-examples figure img.company-screen{object-fit:contain}.company-examples h3{font-size:23px;margin-bottom:8px}.company-contact{padding:35px 0 55px;border-top:1px solid #d5d5d5}.company-contact h2{font-size:30px}nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}@media(max-width:700px){.company-page{padding-top:30px}.company-intro,.company-copy,.company-examples{grid-template-columns:1fr;gap:22px}.company-intro{padding-bottom:35px}.company-copy{padding:25px 0}.company-examples figure img{height:250px}.company-copy h2{margin-bottom:0}.company-intro figure img{max-height:350px}}

/* Shared section navigation: equal treatment for every link. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}
header nav a{position:relative;display:block;padding:12px 0;color:#eee;text-decoration:none;transition:color .2s ease}
header nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;background:#e44747;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
header nav a:hover,header nav a[aria-current]{color:#fff;text-decoration:none}
header nav a:hover::after,header nav a[aria-current]::after{transform:scaleX(1)}
@media(max-width:700px){header nav.open{animation:menu-reveal .18s ease-out}header nav a{padding:12px 10px}header nav a::after{left:10px;right:auto;width:32px}header nav{gap:6px}}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}header nav a,header nav a::after{transition:none}header nav.open{animation:none}}

/* Owner-selected single About ATOM photograph. */
.company-project-photos{display:grid;gap:22px}.company-intro .company-project-photos figure img{width:100%;height:470px;max-height:none;object-fit:cover}.company-project-photos a{display:block}@media(max-width:700px){.company-intro .company-project-photos figure img{height:510px}}

/* Three equal business areas, distinct from application examples. */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:40px}.service-card{display:flex;flex-direction:column;padding:28px;border:1px solid #d5d5d5;border-top:4px solid #b10d0d;background:#fff}.service-card h3{font-size:25px;line-height:1.25;margin:18px 0}.service-card p,.service-card li{font-size:15px;line-height:1.8;color:#555}.service-card ul{padding-left:18px;margin-bottom:28px}.service-link{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid #ddd;font-size:14px;font-weight:600;color:#9a0007;line-height:1.6}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 40px;margin-top:35px}.application-grid article{border-top:2px solid #b10d0d;padding-top:18px}.application-grid h3{font-size:21px}.application-grid p{font-size:15px;line-height:1.8;color:#555}.application-grid a{font-size:14px;color:#9a0007;font-weight:600}.project-list-heading{font-size:26px;margin-top:50px}.service-next{border-top:1px solid #ddd;margin-top:40px;padding-top:20px}.service-next .about-page-link{display:block;width:fit-content}.service-detail figure img{max-height:420px}.service-detail figcaption{line-height:1.6}@media(max-width:1000px){.service-grid{gap:16px}.service-card{padding:22px}.service-card h3{font-size:22px}}@media(max-width:800px){.service-grid{grid-template-columns:1fr}.service-card{padding:26px}.application-grid{grid-template-columns:1fr}}

/* Compact HMI examples: four across, with full images available in the viewer. */
.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}.screen-grid .screenshot-frame{height:auto;width:100%;display:block}.screen-grid .screenshot-frame img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center}.screen-grid .screenshot-frame>span{position:static;display:block;padding:9px 10px;text-align:right;font-size:11px;box-shadow:none}.screen-grid h3{font-size:16px;line-height:1.4;margin:12px 0 0}@media(max-width:900px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}@media(max-width:480px){.screen-grid{grid-template-columns:1fr;gap:24px}}

/* HMI previews continue the black section; crop the lower screenshot content. */
.screen-gallery{background:#171717;color:#fff;padding-top:0;padding-bottom:60px}.screen-gallery .screen-grid{margin-top:0;gap:26px}.screen-grid .screenshot-frame{position:relative;aspect-ratio:4/3;height:auto;overflow:hidden;border:1px solid #555;background:#fff}.screen-grid .screenshot-frame img{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:initial}.screen-grid .screenshot-frame>span{position:absolute;left:auto;right:8px;bottom:8px;display:block;padding:5px 8px;background:#171717dc;color:#fff;border:1px solid #ffffff50;border-radius:2px;font-size:11px;line-height:1.4;box-shadow:none}.screen-grid h3{color:#eee;font-size:16px;font-weight:600;margin:12px 0 0}.screen-gallery .screenshot-frame:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:700px){.screen-gallery{padding-top:0;padding-bottom:45px}}

/* Clear section hierarchy matching the other main headings. */
.hmi h2.hmi-title{font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:700;letter-spacing:0;line-height:1.25;color:#fff;margin:0 0 20px}.hmi .hmi-subtitle{font-size:28px;line-height:1.3;letter-spacing:0;margin:0 0 24px}@media(max-width:1000px){.hmi h2.hmi-title{font-size:30px}}@media(max-width:700px){.hmi h2.hmi-title{font-size:29px}.hmi .hmi-subtitle{font-size:25px}}

/* Full-width HMI title above the copy-and-phone row. */
.hmi{padding:60px 5% 55px;row-gap:38px}.hmi h2.hmi-title{grid-column:1/-1;font-size:clamp(36px,4vw,58px);line-height:1.15;letter-spacing:-1.5px;margin:0}.hmi .hmi-subtitle{font-size:28px;line-height:1.3;margin:0 0 24px}.hmi-copy{max-width:560px}.hmi .hmi-phone{align-self:center}@media(max-width:700px){.hmi{padding:45px 5% 40px;row-gap:28px}.hmi .hmi-subtitle{font-size:25px}}

/* Our Work: a manually browsed row of project cards. */
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.work-heading h2{font-size:38px;line-height:1.2;margin:0;letter-spacing:-1px}
.work-controls{display:flex;gap:10px}.work-controls button{width:44px;height:44px;border:1px solid #aaa;background:transparent;color:#171717;font-size:23px;transition:background .2s,color .2s}
.work-controls button:hover:not(:disabled){background:#171717;color:#fff}.work-controls button:disabled{opacity:.3;cursor:default}
.post-grid.work-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;margin:0;padding:6px 0 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#888 #ddd;scrollbar-width:thin;overscroll-behavior-x:contain}
.work-track .post-card{scroll-snap-align:start;min-width:0;position:relative}.work-card-link{display:flex;flex-direction:column;height:100%}.work-card-link:focus-visible{outline-offset:-4px}.work-card-link:hover h3{text-decoration:underline;text-underline-offset:3px}
.work-track .post-image{height:auto;aspect-ratio:4/3;flex-shrink:0}.work-track .post-card-body{padding:20px}.work-track h3{font-size:20px;margin:10px 0;line-height:1.35}.work-track .post-card-body>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0 0 24px}.work-track .eyebrow{margin:0}.work-track:focus-visible{outline:2px solid #b10d0d;outline-offset:6px}
@media(max-width:1050px){.post-grid.work-track{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:800px){.post-grid.work-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:520px){.post-grid.work-track{grid-auto-columns:86%;gap:18px}.work-heading h2{font-size:32px}.work-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.work-controls button{transition:none}}

.work-track .post-image{position:relative;overflow:hidden;min-height:0}.work-track .post-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Contact details alongside the owner-selected shop photograph. */
.farm-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6%;align-items:center}.farm-contact .contact-copy{padding:0}.farm-contact .contact-details{grid-template-columns:1fr;gap:28px}.contact-shop{margin:0;min-width:0}.contact-shop img{display:block;width:100%;height:auto;border:1px solid #555}@media(max-width:800px){.farm-contact{grid-template-columns:1fr;gap:35px}}

/* Consistent section hierarchy and overflow-only gallery navigation. */
.company-copy h2,.work-heading h2,.farm-contact h2{font-size:38px;line-height:1.2;letter-spacing:-1px}
.hmi .hmi-subtitle{font-size:26px}
.work-controls[hidden]{display:none}
@media(max-width:700px){.company-copy h2,.work-heading h2,.farm-contact h2{font-size:32px}.hmi .hmi-subtitle{font-size:24px}}

/* Customer login is separate from the page-section navigation. */
header nav{margin-left:auto}
.hmi-login{flex-shrink:0;margin-left:26px;padding:12px 0 12px 24px;border-left:1px solid #666;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.hmi-login:hover{text-decoration:underline;text-underline-offset:4px}
.hmi-login span{margin-left:4px;color:#ccc}
@media(max-width:1000px){header{height:auto;min-height:100px;flex-wrap:wrap;column-gap:18px;padding-top:12px;padding-bottom:10px}.hmi-login{order:3;flex-basis:100%;margin:6px 0 0;padding:8px 0 0;border-left:0;border-top:1px solid #444;text-align:right}}
@media(max-width:700px){header{min-height:85px}.menu{margin-left:auto}header nav{margin-left:0}.hmi-login{font-size:12px}}