:root{--ink:#141713;--ink-soft:#20251f;--paper:#f1f0e9;--white:#faf9f3;--muted:#b6baae;--yellow:#f2bd2b;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--gutter:clamp(24px,7.2vw,118px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--white);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.site-head{position:absolute;z-index:5;top:0;left:0;right:0;height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#11140fdf,transparent)}.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #ffffff45}.brand span{display:grid;line-height:.86}.brand b{font:800 26px/.9 var(--display);letter-spacing:.035em}.brand small{font-size:8px;letter-spacing:.2em;margin-top:6px}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:48px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.desktop-nav a,.simple-link{transition:color .2s}.desktop-nav a:hover,.simple-link:hover{color:var(--yellow)}.head-call{display:grid;text-align:right;line-height:1.25;flex:0 0 auto}.head-call span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.head-call b{font-size:14px;letter-spacing:.04em}.menu-toggle{display:none}
.hero{min-height:680px;height:min(850px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#171b16}.hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#121411f5 0%,#121411e8 24%,#121411a8 42%,#12141138 66%,#12141108 100%),linear-gradient(0deg,#12141194 0%,transparent 30%)}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-video{object-position:56% 48%;filter:saturate(.84) contrast(1.03)}.hero-content{position:relative;z-index:2;width:min(63%,780px);margin-left:var(--gutter);padding-top:30px}.hero h1,.section-head h2,.crane-copy h2,.team-copy h2,.contact h2{margin:0;font:800 clamp(60px,7vw,96px)/.88 var(--display);letter-spacing:-.018em}.hero h1{white-space:nowrap;max-width:100%}.hero-lede{margin:18px 0 23px;color:#dedfd8;font-size:15px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:0;font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.button-yellow{background:var(--yellow);color:#141610}.button-yellow:hover{background:#ffd75c}.hero-secondary{font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;border-bottom:1px solid #ffffff8a;padding:6px 0;transition:border-color .2s,color .2s}.hero-secondary:hover{color:var(--yellow);border-color:var(--yellow)}.video-caption{position:absolute;z-index:2;right:var(--gutter);bottom:25px;margin:0;color:#f4f4ed;font-size:8px;font-weight:700;letter-spacing:.14em}
.proof-strip{position:relative;background:var(--paper);color:var(--ink);padding:24px var(--gutter) 22px}.proof-strip:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(135deg,var(--yellow) 0 9px,#171914 9px 18px)}.proof-strip p{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,62px);margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.proof-strip strong{font-weight:800}.proof-strip span{color:#5c5e56}
.service-marquee{overflow:hidden;background:#e7e6df;color:#454740;padding:17px 0 16px}.marquee-track{display:flex;width:max-content;animation:marquee-loop 48s linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;flex:0 0 auto;gap:clamp(22px,4vw,62px);padding-right:clamp(22px,4vw,62px);white-space:nowrap;font:700 clamp(25px,3.25vw,43px)/1 var(--display);letter-spacing:.035em}.marquee-group i{font:500 .75em var(--body);font-style:normal;color:#8a8b83}@keyframes marquee-loop{to{transform:translateX(-50%)}}
.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.work-section{padding-top:102px;padding-bottom:98px;background:var(--paper);color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head .eyebrow{color:#56594f;margin-bottom:17px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#d5d8ce;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-head h2{font-size:clamp(58px,7vw,92px)}.section-head h2 em{font-style:normal;color:#89650a}.crane-copy h2 em,.team-copy h2 em{font-style:normal;color:var(--yellow)}.contact h2 em{font-style:normal;color:#433813}.work-story{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:minmax(200px,22vw) minmax(190px,20vw);gap:14px;min-width:0}.work-card{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;background:#d0d0c7;isolation:isolate}.work-card:after{content:"";position:absolute;inset:58% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0c0e0c99)}.work-card img{transition:transform .65s var(--ease);will-change:transform}.work-card:hover img{transform:scale(1.025)}.work-card-boat{grid-column:1/3;grid-row:1/3}.work-card-boat img{object-position:52% 54%}.work-card-urban{grid-column:3;grid-row:1/3}.work-card-urban img{object-position:50% 50%}.work-card-steel{grid-column:4;grid-row:1}.work-card-steel img{object-position:50% 40%}.work-card-module{grid-column:4;grid-row:2}.work-card-module img{object-position:60% 52%}.work-card figcaption{position:absolute;z-index:2;left:17px;bottom:15px;color:white;font-size:9px;font-weight:800;letter-spacing:.12em}.simple-link{display:inline-block;margin-top:23px;padding-bottom:4px;border-bottom:1px solid #9b9d92;color:#30332b;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.simple-link:hover{border-color:var(--yellow)}
.crane-profile{padding-top:112px;padding-bottom:116px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);gap:clamp(48px,8vw,120px);align-items:center;background:var(--ink-soft)}.crane-photo{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:#171b16}.crane-photo img{object-position:50% 50%;transition:transform .7s var(--ease)}.crane-photo:hover img{transform:scale(1.02)}.crane-photo:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0e100d88)}.crane-photo span{position:absolute;z-index:2;left:18px;bottom:16px;color:white;font-size:8px;font-weight:700;letter-spacing:.13em}.crane-copy .eyebrow{color:#d0d3c9}.crane-copy h2{font-size:clamp(58px,6.5vw,88px);line-height:.9}.load-sheet{margin:34px 0 0;border-top:1px solid #55594f}.load-sheet>div{display:grid;grid-template-columns:minmax(120px,.75fr) 1.25fr;gap:18px;padding:14px 0;border-bottom:1px solid #55594f}.load-sheet dt{color:#aaaea3;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.load-sheet dd{margin:0;color:#f5f4ed;font-size:13px}
.on-job{padding-top:105px;padding-bottom:102px;background:var(--paper);color:var(--ink)}.on-job .section-head{margin-bottom:30px}.on-job h2{font-size:clamp(60px,7.2vw,94px)}.job-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0}.job-item{min-width:0;margin:0}.job-media{aspect-ratio:.76/1;overflow:hidden;background:#d0d0c7}.job-media img,.job-media video{object-fit:cover;object-position:center;transition:transform .65s var(--ease)}.job-item:hover .job-media img{transform:scale(1.025)}.job-video .job-media video{object-position:54% center}.job-item:nth-child(2) .job-media img{object-position:55% 48%}.job-item:nth-child(3) .job-media img{object-position:50% 52%}.job-item:nth-child(4) .job-media img{object-position:58% 50%}.job-item figcaption{margin-top:11px;color:#4d5048;font-size:8px;font-weight:800;letter-spacing:.13em}.on-job>.simple-link{margin-top:20px}
.clients{padding-top:103px;padding-bottom:106px;background:#e7e6df;color:var(--ink)}.clients .section-head{margin-bottom:31px}.clients .section-head h2{font-size:clamp(57px,6.8vw,86px)}.client-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid #b9bab1}.client-list li{min-width:0;padding:22px 12px 21px 0;border-bottom:1px solid #b9bab1;font:600 clamp(22px,3vw,38px)/1.1 var(--display);letter-spacing:.01em}.client-list li:nth-child(3n+2),.client-list li:nth-child(3n){padding-left:18px}
.team-section{padding-top:110px;padding-bottom:112px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(45px,8vw,120px);align-items:center;background:var(--ink)}.team-photo{aspect-ratio:1/1;overflow:hidden;background:#242821}.team-photo img{object-position:50% 50%;transition:transform .7s var(--ease)}.team-photo:hover img{transform:scale(1.02)}.team-copy .eyebrow{color:#d1d4ca}.team-copy h2{font-size:clamp(58px,6.7vw,88px)}.team-copy>p:not(.eyebrow){max-width:390px;margin:23px 0 0;color:#c8cbc1;font-size:14px;line-height:1.7}
.how{padding-top:103px;padding-bottom:108px;background:#e8e7df;color:var(--ink)}.how .section-head{margin-bottom:37px}.how .section-head h2{font-size:clamp(58px,7vw,90px)}.how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,4vw,55px);list-style:none;margin:0;padding:0}.how-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.step-number{display:block;color:var(--yellow-deep);font:800 clamp(77px,10vw,132px)/.78 var(--display);letter-spacing:-.045em;transition:opacity .5s var(--ease),transform .5s var(--ease)}.step-label{max-width:210px;font:600 clamp(17px,2vw,23px)/1.12 var(--display);text-transform:uppercase}.has-reveal .step-number{opacity:0;transform:translateY(10px)}.has-reveal .step-number.is-visible{opacity:1;transform:translateY(0);transition-delay:var(--step-delay,0ms)}
.faq-section{padding-top:102px;padding-bottom:112px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(35px,8vw,116px);align-items:start}.faq-section>.section-head{margin:0}.faq-section .section-head h2{font-size:clamp(55px,6vw,80px)}.faq-list{border-top:1px solid #b8b9b0}.faq-item{border-bottom:1px solid #b8b9b0}.faq-item h3{margin:0}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border:0;background:transparent;color:var(--ink);text-align:left;font:600 clamp(18px,2.1vw,24px)/1.2 var(--display);cursor:pointer}.faq-item button span{flex:none;color:#7e6420;font:400 22px/1 var(--body)}.faq-answer{padding:0 40px 19px 0;color:#55584f;font-size:13px;line-height:1.7}.faq-answer p{margin:0}.faq-answer[hidden]{display:none}
.contact{padding-top:78px;padding-bottom:82px;display:flex;justify-content:space-between;align-items:end;gap:40px;background:var(--yellow);color:#171811}.contact .eyebrow{color:#49442e;margin-bottom:18px}.contact h2{max-width:760px;font-size:clamp(50px,6.5vw,82px)}.contact h2 em{font-style:normal;color:#433813}.contact-copy{margin:18px 0 0;color:#3d3e34;font-size:13px}.contact-actions{display:grid;justify-items:start;gap:14px;flex:0 0 auto}.contact-actions .button{background:var(--ink);color:white}.contact-actions .button:hover{background:#30352e}.contact-actions .simple-link{margin:0;color:#171811;border-color:#6d602e}.contact-actions .simple-link:hover{color:#5f4a08;border-color:#5f4a08}
footer{display:grid;grid-template-columns:1.15fr auto auto 1fr;align-items:center;gap:16px 25px;padding:25px var(--gutter) 28px;background:#10120f;color:#c3c6bb;font-size:9px}.footer-brand{font:800 21px var(--display);color:#fff;letter-spacing:.04em}.footer-brand span{color:var(--yellow)}footer>span{color:#93978c}.palestine-ack{justify-self:end;color:#aeb2a7!important}.by-zarno{grid-column:1/-1;justify-self:end;color:#7f8378;font-size:8px;letter-spacing:.08em}.by-zarno b{margin-left:5px;color:#e5e5dd;letter-spacing:.16em}.mobile-call{display:none}
.reveal{opacity:1;transform:none;transition:opacity .65s var(--ease),transform .65s var(--ease)}.has-reveal .reveal:not(.is-visible){opacity:0;transform:translateY(12px)}
@media(max-width:950px){:root{--gutter:clamp(24px,5vw,48px)}.desktop-nav{gap:22px;margin-right:28px}.hero-content{width:min(72%,700px)}.hero h1{font-size:clamp(59px,7.4vw,76px)}.crane-profile{gap:38px}.team-section{gap:38px}.faq-section{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:40px}}
@media(max-width:800px){:root{--gutter:24px}html{scroll-padding-top:72px}.site-head{height:72px}.brand img{width:38px;height:38px}.brand b{font-size:23px}.desktop-nav{display:none}.desktop-nav.mobile-open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:17px;margin:0;padding:19px var(--gutter) 23px;background:#121411f5;border-bottom:1px solid #f2bd2b8c}.head-call{margin-left:auto;margin-right:15px}.head-call span{font-size:7px}.head-call b{font-size:12px}.menu-toggle{display:flex;width:34px;height:34px;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:0;background:transparent}.menu-toggle span{height:1.5px;width:22px;background:white}.hero{height:84svh;min-height:570px;max-height:760px;align-items:center}.hero:after{background:linear-gradient(90deg,#121411e8 0%,#121411b8 35%,#12141137 76%,#1214110d 100%),linear-gradient(0deg,#121411a0 0%,transparent 35%)}.hero-media{inset:0}.hero-video{object-position:58% 45%}.hero-content{width:calc(100% - 2 * var(--gutter));max-width:650px;padding-top:30px}.hero h1{font-size:clamp(56px,9vw,76px)}.hero-lede{font-size:14px;margin:16px 0 21px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-secondary{font-size:9px}.video-caption{bottom:20px;font-size:7px}.proof-strip{padding-top:22px;padding-bottom:19px}.proof-strip p{justify-content:flex-start;gap:clamp(15px,4vw,30px);font-size:9px;letter-spacing:.08em;flex-wrap:wrap}.service-marquee{padding:14px 0}.marquee-group{font-size:clamp(27px,5vw,36px);gap:24px;padding-right:24px}.work-section{padding-top:75px;padding-bottom:74px}.section-head{align-items:start;flex-direction:column;gap:14px;margin-bottom:25px}.section-head h2{font-size:clamp(57px,11vw,78px)}.work-story{grid-template-columns:1fr 1fr;grid-template-rows:minmax(250px,73vw) minmax(190px,55vw) minmax(180px,50vw);gap:11px}.work-card-boat{grid-column:1/3;grid-row:1}.work-card-boat img{object-position:54% center}.work-card-urban{grid-column:1/3;grid-row:2}.work-card-urban img{object-position:center 52%}.work-card-steel{grid-column:1;grid-row:3}.work-card-module{grid-column:2;grid-row:3}.work-card figcaption{left:12px;bottom:11px;font-size:8px}.work-section>.simple-link{margin-top:18px}.crane-profile{padding-top:76px;padding-bottom:80px;grid-template-columns:1fr;gap:31px}.crane-photo{width:min(100%,580px);justify-self:center}.crane-copy h2{font-size:clamp(62px,12vw,82px)}.load-sheet{margin-top:26px}.on-job{padding-top:76px;padding-bottom:77px}.job-wall{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#b5b6ad transparent}.job-item{flex:0 0 min(78%,310px);scroll-snap-align:start}.job-media{aspect-ratio:.74/1}.clients{padding-top:76px;padding-bottom:80px}.clients .section-head h2{font-size:clamp(57px,11vw,78px)}.client-list{grid-template-columns:repeat(2,minmax(0,1fr))}.client-list li{font-size:clamp(23px,5vw,32px);padding:17px 10px 16px 0}.client-list li:nth-child(3n+2),.client-list li:nth-child(3n){padding-left:0}.client-list li:nth-child(even){padding-left:14px}.team-section{padding-top:78px;padding-bottom:82px;grid-template-columns:1fr;gap:30px}.team-photo{width:min(100%,580px);justify-self:center}.team-copy h2{font-size:clamp(62px,12vw,82px)}.how{padding-top:77px;padding-bottom:82px}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.step-number{font-size:clamp(82px,17vw,120px)}.faq-section{padding-top:77px;padding-bottom:86px;grid-template-columns:1fr;gap:24px}.faq-section .section-head h2{font-size:clamp(57px,10vw,74px)}.faq-item button{padding:18px 0}.contact{padding-top:62px;padding-bottom:96px;display:grid;gap:25px}.contact h2{font-size:clamp(48px,9vw,68px)}.contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.contact-actions .button{min-height:50px}.contact-actions .simple-link{margin:0}footer{padding-bottom:96px;grid-template-columns:1fr 1fr;gap:15px}footer .footer-brand{grid-column:1/3}footer>a:nth-child(2){grid-column:1;grid-row:2}footer>a:nth-child(3){grid-column:2;grid-row:2;justify-self:end}footer .palestine-ack{grid-column:1/3;grid-row:3;justify-self:start}footer>span:not(.by-zarno):not(.palestine-ack){grid-column:1;grid-row:4}footer .by-zarno{grid-column:2;grid-row:4;align-self:end}.mobile-call{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 18px calc(env(safe-area-inset-bottom) + 2px);background:var(--yellow);color:#151610;font-size:9px;font-weight:800;letter-spacing:.1em;box-shadow:0 -7px 20px #0003}.mobile-call b{font:800 16px var(--display);letter-spacing:.02em}}
@media(max-width:430px){.hero{height:82svh;min-height:560px}.hero-content{padding-top:30px}.hero h1{font-size:clamp(51px,13.2vw,58px);line-height:.86;white-space:normal;max-width:350px}.hero-actions{align-items:flex-start;flex-direction:column;gap:11px}.hero-actions .button{min-height:49px;padding:0 14px}.hero-lede{max-width:280px}.video-caption{right:var(--gutter)}.proof-strip p{column-gap:16px;row-gap:7px}.work-story{grid-template-rows:minmax(245px,73vw) minmax(190px,55vw) minmax(180px,51vw);gap:10px}.work-card-steel img{object-position:50% 40%}.work-card-module img{object-position:58% center}.job-item{flex-basis:78%}.contact h2{font-size:clamp(43px,11vw,52px)}.contact-actions{gap:15px}.load-sheet>div{grid-template-columns:110px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none;transform:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.has-reveal .reveal:not(.is-visible){opacity:1;transform:none}.has-reveal .step-number{opacity:1;transform:none}}