:root{--graphite: #1b1e22;--graphite-2: #121417;--paper: #edeae2;--paper-2: #e2dcc9;--yellow: #f5b700;--rust: #c1440e;--steel: #4b5563;--steel-light: #9199a6;--line: rgba(255, 255, 255, .12);--line-dark: rgba(27, 30, 34, .14);color:var(--graphite);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.siteNav{position:sticky;top:0;z-index:20;width:100%;padding:16px max(18px,calc((100vw - 1180px)/2));color:var(--paper);background:#121417f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Oswald,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.12rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.brandMark{width:44px;height:44px;display:inline-grid;place-items:center;color:var(--graphite-2);background:var(--yellow);font-family:Inter,sans-serif;font-weight:900;letter-spacing:0}.navLinks{display:flex;align-items:center;justify-content:flex-end;gap:26px;color:var(--steel-light);font-size:.92rem;font-weight:650}.navLinks a:hover,.navPhone:hover{color:var(--yellow)}.navPhone{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--paper);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;white-space:nowrap}.hero{min-height:calc(92vh - 77px);color:var(--paper);background:linear-gradient(90deg,#121417f5,#121417ad 45%,#12141729),url(/images/hero-crane-workshop.png) center / cover;display:grid;grid-template-rows:1fr auto}.heroContent{width:min(1180px,calc(100% - 36px));margin:0 auto;align-self:center;padding:92px 0 78px}.eyebrow,.sectionKicker{margin:0 0 12px;color:var(--rust);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.eyebrow:before,.sectionKicker:before{content:"";width:18px;height:2px;background:currentColor}.hero .eyebrow{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:24px;font-family:Oswald,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.2rem,8vw,7rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase}h2{margin-bottom:18px;color:var(--graphite);font-family:Oswald,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;letter-spacing:.01em;text-transform:uppercase}h3{color:var(--graphite);font-family:Oswald,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.01em;text-transform:uppercase;font-size:1.2rem;line-height:1.2}.lead{max-width:680px;color:#ffffffdb;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.65}.heroActions,.contactActions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px}.primaryButton,.secondaryButton{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;font-weight:800;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.primaryButton{color:var(--graphite-2);background:var(--yellow)}.secondaryButton{color:#fff;border:1px solid rgba(255,255,255,.42)}.primaryButton:hover{transform:translateY(-2px);box-shadow:0 8px #00000029}.secondaryButton:hover{color:var(--yellow);border-color:var(--yellow)}.heroPlate{width:fit-content;margin-top:40px;border:1px solid var(--line);display:flex}.heroPlate div{padding:14px 22px;border-right:1px solid var(--line)}.heroPlate div:last-child{border-right:0}.heroPlate span,.heroPlate strong{display:block;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}.heroPlate span{margin-bottom:4px;color:var(--steel-light);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.heroPlate strong{color:var(--yellow);font-size:1rem}.craneScene{width:min(520px,48vw);margin-top:24px;opacity:.72;pointer-events:none}.craneSvg{width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.24))}.trolleyGroup{animation:travel 7s ease-in-out infinite;transform-origin:center}@keyframes travel{0%{transform:translate(0)}50%{transform:translate(150px)}to{transform:translate(0)}}.railStrip{width:100%;padding:22px max(18px,calc((100vw - 1180px)/2));color:var(--steel-light);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}.railStrip span{font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.railStrip strong{color:var(--paper)}.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:92px 0}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.intro p:last-child,.sectionHeader p,.split p,.contact p{color:var(--steel);font-size:1.05rem;line-height:1.75}.sectionHeader{width:min(1180px,calc(100% - 36px));max-width:760px;margin:0 auto 34px}.stats{padding:52px max(18px,calc((100vw - 1180px)/2));color:var(--graphite-2);background:var(--yellow);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stats div{padding-left:20px;border-left:2px solid rgba(18,20,23,.25)}.stats span{display:block;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.8rem,4vw,2.65rem);font-weight:800;line-height:1}.stats p{max-width:24ch;margin:8px 0 0;font-size:.88rem;font-weight:700}.services{width:100%;max-width:none;padding:92px 0;color:var(--paper);background:var(--graphite)}.services h2,.services h3{color:var(--paper)}.services .sectionKicker{color:var(--yellow)}.serviceGrid{width:min(1180px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.serviceCard{min-height:280px;padding:34px 28px;background:var(--graphite);border:0;border-radius:0}.serviceCard svg{margin-bottom:28px;color:var(--yellow)}.serviceCard p{color:var(--steel-light);line-height:1.65}.split{display:grid;grid-template-columns:1fr .85fr;gap:54px;align-items:center}.split img,.referenceLayout img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.checkList{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none}.checkList li,.referenceItem,.address{display:flex;align-items:center;gap:12px}.checkList svg,.referenceItem svg,.address svg{flex:0 0 auto;color:var(--yellow)}.automation{width:100%;padding:0 0 92px;color:var(--paper);background:var(--graphite);border-top:1px solid var(--line)}.automationInner{width:min(1180px,calc(100% - 36px));margin:0 auto;padding-top:90px;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.automation h2{color:var(--paper)}.automation .sectionKicker{color:var(--yellow)}.automationCopy p{max-width:56ch;color:var(--steel-light);font-size:1.02rem;line-height:1.75}.automationTags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.automationTags span{padding:8px 14px;color:var(--yellow);border:1px solid var(--line);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.amrScene{min-height:340px;display:grid;place-items:center}.amrSvg{width:100%;height:auto}.amrGroup{animation:amr-travel 12s ease-in-out infinite}.forkGroup{animation:fork-lift 12s ease-in-out infinite}.boxLeft{animation:box-left-fade 12s ease-in-out infinite}.boxRight{animation:box-right-fade 12s ease-in-out infinite}.carriedBox{animation:carried-box-fade 12s ease-in-out infinite}@keyframes amr-travel{0%,26%{transform:translate(0)}50%,80%{transform:translate(190px)}94%,to{transform:translate(0)}}@keyframes fork-lift{0%,6%{transform:translateY(0)}14%{transform:translateY(-34px)}26%,50%{transform:translateY(-110px)}58%{transform:translateY(-34px)}72%,to{transform:translateY(0)}}@keyframes box-left-fade{0%,14%{opacity:1}18%,to{opacity:0}}@keyframes carried-box-fade{0%,14%{opacity:0}18%,58%{opacity:1}62%,to{opacity:0}}@keyframes box-right-fade{0%,58%{opacity:0}62%,to{opacity:1}}.yard{width:100%;padding:90px 0 96px;color:var(--paper);background:var(--graphite-2);border-top:1px solid var(--line)}.yardInner{width:min(1180px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.yardScene{min-height:340px;display:grid;place-items:center}.yardSvg{width:100%;height:auto}.yard h2{color:var(--paper)}.yard .sectionKicker{color:var(--yellow)}.yardCopy p{max-width:56ch;color:var(--steel-light);font-size:1.02rem;line-height:1.75}.yardTags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.yardTags span{padding:8px 14px;color:var(--yellow);border:1px solid var(--line);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.gantryTrolley{animation:gantry-travel 12s ease-in-out infinite}.gantryHook{animation:gantry-hook 12s ease-in-out infinite}.yardLoadLeft{animation:yard-load-left-fade 12s ease-in-out infinite}.yardLoadRight{animation:yard-load-right-fade 12s ease-in-out infinite}.yardCarriedLoad{animation:yard-carried-fade 12s ease-in-out infinite}@keyframes gantry-travel{0%,24%{transform:translate(0)}50%,76%{transform:translate(200px)}94%,to{transform:translate(0)}}@keyframes gantry-hook{0%,4%{transform:translateY(0)}12%{transform:translateY(164px)}18%,56%{transform:translateY(0)}64%{transform:translateY(164px)}70%,to{transform:translateY(0)}}@keyframes yard-load-left-fade{0%,11%{opacity:1}13%,99%{opacity:0}to{opacity:1}}@keyframes yard-carried-fade{0%,11%{opacity:0}13%,63%{opacity:1}65%,to{opacity:0}}@keyframes yard-load-right-fade{0%,63%{opacity:0}65%,97%{opacity:1}99%,to{opacity:0}}.references{width:100%;max-width:none;padding:92px max(18px,calc((100vw - 1180px)/2));background:var(--graphite)}.references h2,.references .sectionHeader p{color:#fff}.references .sectionKicker{color:var(--yellow)}.referenceLayout{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:stretch}.referenceList{display:grid;gap:12px}.referenceItem{min-height:82px;padding:20px;color:var(--paper);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-weight:750}.factGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}.fact{padding:22px;background:transparent;border:1px solid var(--line-dark);border-radius:0}.fact dt{margin-bottom:9px;color:var(--steel);font-size:.8rem;font-weight:800;text-transform:uppercase}.fact dd{margin:0;color:var(--graphite);font-size:1.02rem;font-weight:760;line-height:1.35}.contact{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:54px 42px;color:var(--paper);background:var(--graphite-2);border:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:1fr .95fr;gap:34px;align-items:center}.contact h2{color:#fff}.contact .sectionKicker{color:var(--yellow)}.contact .secondaryButton{color:#fff}.contactActions{justify-content:flex-end;margin-top:0}.address{width:100%;justify-content:flex-end;margin:6px 0 0;color:#ffffffd1}footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 34px;color:var(--steel);display:flex;justify-content:space-between;gap:18px;font-size:.92rem}@media(max-width:860px){.siteNav{grid-template-columns:1fr auto}.hero{min-height:auto;background:linear-gradient(180deg,#121417f5,#121417b8 56%,#12141761),url(/images/hero-crane-workshop.png) center / cover}.navLinks,.navPhone{display:none}.heroContent{padding:72px 0 92px}.craneScene{width:100%;opacity:.58}.section{padding:68px 0}.stats{grid-template-columns:1fr;gap:28px}.intro,.split,.referenceLayout,.automationInner,.yardInner,.contact,.serviceGrid,.factGrid{grid-template-columns:1fr}.serviceCard{min-height:auto}.contact{padding:30px 22px}.contactActions,.address{justify-content:flex-start}.automation{padding-bottom:68px}.automationInner{padding-top:68px}.amrScene{min-height:240px;order:-1}.yard{padding:68px 0}.yardScene{min-height:240px}footer{flex-direction:column}}@media(max-width:480px){.heroActions,.contactActions{align-items:stretch;flex-direction:column}.primaryButton,.secondaryButton{width:100%}.heroPlate{width:100%;flex-wrap:wrap}.heroPlate div{flex:1 1 50%;border-bottom:1px solid var(--line)}.railStrip{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trolleyGroup,.amrGroup,.forkGroup,.boxLeft,.boxRight,.carriedBox,.gantryTrolley,.gantryHook,.yardLoadLeft,.yardLoadRight,.yardCarriedLoad{animation:none}.yardLoadRight,.yardCarriedLoad{opacity:0}.primaryButton,.secondaryButton{transition:none}}
