/* Thaqeel 3.2 — industrial identity, cinematic imagery, readable controls. */
:root{--wrap:1440px;--gut:clamp(22px,4vw,64px);--industrial:#10161a;--industrial-line:#354149;--signal:#ffdc00}
html{scroll-padding-top:115px}body{overflow-x:clip}.wrap{width:100%}button,a,input,summary{-webkit-tap-highlight-color:transparent}
.site-header,.site-header.stuck{background:#101518f2;border-bottom:1px solid #364047;color:#faf8ee;box-shadow:none}
.site-header .wrap,.site-header.stuck .wrap{padding-block:14px;gap:28px;flex-wrap:nowrap}.brand{gap:15px;flex-shrink:0;margin-inline-end:auto}.brand img,.site-header.stuck .brand img{height:76px;width:73px;object-fit:contain}.brand .wordmark{align-items:flex-start;gap:3px}.brand .ar{font-size:2.65rem;color:#fff;line-height:1}.brand-descriptor{font-size:1.03rem;color:#ced2d1;line-height:1.5;white-space:nowrap}.brand .en{display:none}
.main-nav ul{gap:2px;font-size:.98rem;flex-wrap:nowrap}.main-nav a{padding:12px 10px;color:#e2e5e3;white-space:nowrap}.main-nav a:hover,.main-nav .current-menu-item>a{color:#ffdc00}.main-nav .nav-quote>a{color:#101518;background:#ffdc00;padding:13px 18px;margin-inline-start:10px}.nav-toggle{border:1px solid #586267;background:transparent;color:#fff;padding:12px 20px}
.hero{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 106px);max-height:none;background:#101518}.hero>.wrap:not(.hero-bottom){flex:1;display:grid;place-items:center;padding-block:clamp(46px,7vh,90px);min-height:510px}.hero-bg{inset:0}.hero-bg img{position:absolute;inset:0;filter:saturate(.88) contrast(1.1);opacity:0;transform:scale(1.07);transition:opacity 1.8s ease,transform 8s linear;animation:none;object-position:center 55%}.hero-bg img.is-active{opacity:1;transform:scale(1)}.hero-bg img:first-child:last-child{opacity:1}.hero-bg::after{background:linear-gradient(180deg,#0b101575 0%,#0b10155c 25%,#0b10158c 65%,#0b1015f5 100%),linear-gradient(90deg,#0b101548,transparent 30%,transparent 70%,#0b101560)}
.hero-sun{display:none}.hero-grid{opacity:.4}.hero-sweep{opacity:.45}.hero .reg{display:none}.hero-lettering{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:900 23vw/1 Arial,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #fff1;pointer-events:none;z-index:1}.hero-copy{max-width:1060px;width:100%;text-align:center;margin-inline:auto}.hero-copy .kicker{background:none;border:0;border-radius:0;padding:0;line-height:1.65;font-size:1.08rem;margin-bottom:16px;color:#ffdf3c;backdrop-filter:none;letter-spacing:0}.hero-copy .kicker::before{border-radius:0;width:22px;height:3px;animation:none}
.hero-copy h1{font-size:clamp(3.25rem,6vw,6.2rem);line-height:1.1;word-spacing:0;letter-spacing:0;margin:0 0 20px;-webkit-text-stroke:0;text-shadow:0 5px 40px #0007}.hero-copy h1 mark,.js .kinetic.go mark,html:not(.js) .hero-copy h1 mark{color:#ffdc00;background:none;padding:0;font-size:1.42em;display:inline-block;line-height:1.25}.hero-copy h1 mark::before{display:none}.hero-copy .lede{font-size:clamp(1.12rem,1.6vw,1.38rem);line-height:1.9;color:#e8e9e6;max-width:620px;white-space:pre-line;margin:0 auto 30px}.hero-copy .btns{gap:14px}.hero-copy .btn{font-size:1.12rem;min-width:220px;padding:19px 28px}.hero-copy .btn.line{background:#121b2090;border-color:#94a0a5;color:white;backdrop-filter:blur(8px)}
.hero-bottom.wrap{z-index:4;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding-block:23px;gap:24px;direction:ltr;border-top:1px solid #ffffff29}.hero-english{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;font-family:Arial,sans-serif;color:#e8eceb}.hero-english strong{font-size:21px;letter-spacing:.15em}.hero-english span{font-size:13px;letter-spacing:.11em}.hero-discover{display:flex;align-items:center;gap:24px;color:white;font-size:1.1rem;text-decoration:none;direction:rtl}.hero-discover span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #89908d;font:24px Arial;transition:background .2s}.hero-discover:hover span{background:#ffdc00;color:#111}.motion-toggle{justify-self:end;font:inherit;font-size:.92rem;display:flex;align-items:center;gap:15px;background:none;border:0;color:#d3d8d7;cursor:pointer;direction:rtl;padding:8px}.hero-scroll{display:none!important}
.hazard{height:5px}.service-strip{background:#ffdc00;color:#111;border:0}.service-strip .wrap{padding-block:17px;justify-content:space-between}.service-strip span{font-size:1rem;color:#111}.service-strip span::before{color:#111}
.home-fleet{background:#10161a;color:#f9f8f0;padding-block:90px}.fleet-heading{align-items:end;gap:35px;margin-bottom:40px}.home-fleet .eyebrow{color:#ffdc00}.fleet-heading .sec-head{max-width:670px}.fleet-heading .sec-head h2{font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:1.3;color:inherit}.home-fleet .sec-head p:not(.eyebrow){color:#b9c1c5;font-size:1.15rem;max-width:600px}.home-fleet .fleet-heading>.btn{border:1px solid #59656b;background:none;color:#f9f8f0;white-space:nowrap;font-size:1rem}.fleet-featured{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{border:1px solid #3a454b;background:#182127;color:#f9f8f0;box-shadow:none;transition:transform .4s,border-color .4s}.category-card:hover{transform:translateY(-7px);border-color:#ffdc00}.category-card .shot{aspect-ratio:4/3;position:relative;display:block;background:#e8e6de;overflow:hidden}.category-card .shot img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.category-card:hover .shot img{transform:scale(1.06)}.card-open{position:absolute;bottom:0;inset-inline-end:0;background:#ffdc00;color:#111;display:grid;place-items:center;width:48px;height:48px;font:28px Arial}.category-card .body{padding:27px 25px}.category-en{font:11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#a8b3b9;display:block;text-align:right;margin-bottom:14px}.category-card .model{font-size:1.7rem;line-height:1.5;color:white;margin:0 0 10px}.category-card .model a{color:inherit;text-decoration:none}.category-card .body>p{color:#b5c0c5;font-size:1rem;margin:0 0 25px}.category-card .unit-btn-details{display:flex;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #3a454b;color:#ffdc00;text-decoration:none;font-size:.96rem}.category-card .unit-btn-details span{font-family:Arial;font-size:22px}
.lift-section{background:#eae9e3;padding-block:90px}.lift-section .sec-head h2{font-size:clamp(2.8rem,4.8vw,4.6rem);line-height:1.2;color:#10161a}.lift-section h2 em{font-style:normal;color:#5e686f}.lift-intro{font-size:1.2rem;line-height:1.9;max-width:450px;color:#4b575e}.lift-planner{grid-template-columns:minmax(0,1.85fr) minmax(295px,1fr);border:1px solid #354149;background:#fff;box-shadow:0 18px 60px #15212814}.lift-stage{background:#11171b;align-self:stretch;color:#f5f5ed;display:flex;flex-direction:column}.lift-stage-heading{padding:20px 24px;border-color:#344049;font-size:1rem;gap:12px;flex-wrap:wrap}.lift-stage-heading>span{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:#ffdc00;border-radius:50%}.demo-button{color:#ffdc00;border:1px solid #606242;padding:9px 12px;background:none;font:inherit;font-size:.86rem;cursor:pointer}.demo-button[aria-pressed=true]{background:#ffdc00;color:#111}.lift-tutorial{display:flex;align-items:center;gap:16px;min-height:98px;padding:18px 24px;border-bottom:1px solid #2a353e;background:#1c252b}.lift-tutorial b{font:700 28px Arial;color:#ffdc00}.lift-tutorial p{font-size:.98rem;color:#e0e4e4;line-height:1.7;margin:0;max-width:650px}#liftDrawing{width:100%;height:auto;display:block;max-height:none;flex:1;min-height:340px}#liftLoad{cursor:grab;touch-action:none}#liftLoad:active{cursor:grabbing}.geometry-readings{display:grid;grid-template-columns:repeat(3,1fr);direction:rtl;border-top:1px solid #344049;margin-top:auto}.geometry-readings>div{padding:20px 14px;text-align:center;border-left:1px solid #344049}.geometry-readings>div:last-child{border-left:0}.geometry-readings span{display:block;color:#aebac0;font-size:.8rem;line-height:1.7}.geometry-readings strong{font-family:Arial,sans-serif;color:#ffdc00;display:block;font-size:1.65rem;margin-top:10px;font-weight:700}.lift-drag-hint{padding:14px 22px;margin:0;border-color:#344049;color:#aebac0;font-size:.82rem;line-height:1.8}.lift-drag-hint b{color:#ffdc00}.lift-controls{padding:28px 30px;border-left:0;background:#fafaf6}.lift-controls>.eyebrow{color:#5b676e;font-size:.8rem;margin-bottom:6px}.lift-controls h3{font-size:1.8rem;margin-bottom:26px}.lift-field{margin-bottom:26px}.lift-field label{font-size:1.02rem;color:#18232a}.lift-number{border-color:#aab2b7;border-radius:0}.lift-number input{color:#111b22;height:45px;width:78px;font-size:1.3rem}.lift-field input[type=range]{margin:22px 0 14px;background:linear-gradient(to right,#b28d00 var(--range-progress,20%),#d4d9d9 var(--range-progress,20%));height:5px}.lift-field input[type=range]::-webkit-slider-thumb{background:#ffdc00;border:4px solid #fff;box-shadow:0 0 0 1px #9c945b;width:25px;height:25px}.lift-field input[type=range]::-moz-range-thumb{background:#ffdc00;border:4px solid #fff}.lift-field p{font-size:.83rem;color:#59676e;line-height:1.65}.lift-number:focus-within{outline-color:#a78300}.lift-advanced{border-top:1px solid #cfd3d1;border-bottom:1px solid #cfd3d1;padding:14px 0;color:#35454d;font-size:.86rem}.lift-advanced summary{cursor:pointer;font-weight:700}.lift-advanced>p{line-height:1.75;font-size:.8rem;margin-top:14px}.lift-advanced label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;font-size:.82rem}.lift-advanced input{font:16px Arial;width:70px;padding:8px;border:1px solid #a9b2b6;flex-shrink:0}.lift-reset{color:#52616a;font-size:.83rem;margin-top:12px}.lift-error{color:#a3311c;font-size:.88rem;line-height:1.6}.lift-review{grid-column:1/-1;direction:rtl;background:#fff9df;border-top:1px solid #d4c883;padding:24px 30px;display:grid;grid-template-columns:1fr 1.65fr;gap:12px 30px;color:#302b1d}.lift-review>div{display:flex;gap:12px;align-items:center}.review-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #8c7720;font:700 20px Arial}.lift-review>p{margin:0;line-height:1.8;font-size:.93rem}.lift-review>label{font-size:.85rem;display:flex;align-items:center;gap:9px}.lift-review input{accent-color:#776117;width:17px;height:17px}.lift-review details{font-size:.85rem}.lift-review summary{cursor:pointer;font-weight:700}.lift-review details p{line-height:1.9}.lift-review details a{color:#655100}.lift-summary{background:#10161a;padding:30px;gap:30px}.lift-summary .eyebrow{color:#ffdc00;font-size:.8rem}.lift-summary p{font-size:1.18rem;color:#fff;margin:8px 0}.lift-summary small{font-size:.84rem;color:#bbc4c7}.lift-actions .btn{font-size:1rem;white-space:nowrap}.lift-wa{color:#e5e8e8;font-size:.9rem}.has-overlap .lift-tutorial{background:#452619}.has-overlap .lift-tutorial b{color:#ffb391}
.section .sec-head.center{max-width:900px;margin-inline:auto}.section .sec-head.center p{margin-inline:auto}.section .wrap>.sec-head{margin-bottom:40px}.sectors{gap:20px}.sector:hover{border-color:#908439}.site-footer{background:#10161a;color:#e1e5e3;border-color:#334047}.wa{width:52px;height:52px;bottom:22px;left:22px;box-shadow:0 5px 24px #0005}
.category-hero{background:#10161a;color:#eef0ed;padding-block:40px 75px}.back-link{color:#b0bbc1;font-size:.95rem;text-decoration:none}.category-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;margin-top:42px}.category-layout .eyebrow{color:#ffdc00;font-family:Arial,sans-serif;letter-spacing:.13em;font-size:.8rem;text-align:right}.category-layout h1{font-size:clamp(2.9rem,4.4vw,4.5rem);line-height:1.3;margin:12px 0 20px;color:white}.category-line{font-size:1.6rem!important;color:#ffdc00!important}.category-layout p{color:#bfc8cc;font-size:1.08rem;line-height:1.9}.category-layout .btn{margin-top:20px}.category-layout figure{margin:0;background:#e9e8e1;overflow:hidden}.category-layout figure img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}.category-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.category-detail-grid h2{font-size:2.25rem;line-height:1.4}.category-detail-grid ul{list-style:none;padding:0;margin:25px 0}.category-detail-grid li{padding:15px 0;border-bottom:1px solid #cbd0cd;font-size:1.12rem}.category-detail-grid li:before{content:'↖';font-family:Arial;color:#8c7400;margin-inline-end:14px}.category-detail-grid>div>p:last-child{color:#627078}.category-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:60px}.category-gallery img{width:100%;height:290px;object-fit:cover}.category-gallery img:only-child{grid-column:1/-1;height:460px}.category-next{background:#ffdc00;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.category-next h2{font-size:2rem}.category-next p{margin:10px 0 0}.category-next .btn{background:#10161a;color:#ffdc00;white-space:nowrap}
@media(min-width:981px) and (max-width:1250px){.site-header .wrap{gap:16px}.main-nav ul{font-size:.84rem}.main-nav a{padding-inline:7px}.brand img,.site-header.stuck .brand img{height:65px;width:62px}.brand .ar{font-size:2.2rem}.brand-descriptor{font-size:.85rem}.main-nav .nav-quote>a{margin-inline-start:0;padding-inline:10px}.lift-controls{padding:24px 22px}}
@media(max-width:980px){.site-header .wrap,.site-header.stuck .wrap{flex-wrap:wrap;padding-block:10px}.brand img,.site-header.stuck .brand img{height:64px;width:62px}.brand .ar{font-size:2.3rem}.brand-descriptor{font-size:.92rem}.main-nav{width:100%}.main-nav ul{flex-direction:column}.main-nav a{padding:14px;border-bottom:1px solid #344149}.main-nav .nav-quote>a{margin:12px 0 0;text-align:center}.hero{min-height:calc(100svh - 85px)}.hero>.wrap:not(.hero-bottom){min-height:490px;padding-block:50px}.hero-copy h1{font-size:4rem}.hero-copy h1 mark{font-size:1.5em}.hero-bottom.wrap{padding-block:20px;gap:16px}.hero-english span{font-size:11px;letter-spacing:.07em}.hero-english strong{font-size:18px}.hero-discover{font-size:.95rem;gap:12px}.motion-toggle{font-size:.8rem;gap:8px}.fleet-heading{align-items:start;flex-direction:column}.fleet-featured{gap:16px}.category-card .body{padding:21px 18px}.category-card .model{font-size:1.35rem}.category-card .unit-btn-details{font-size:.84rem}.lift-planner{grid-template-columns:1fr}.lift-stage{grid-row:1}.lift-controls{grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:28px}.lift-controls>.eyebrow,.lift-controls>h3,.lift-controls>.lift-advanced,.lift-controls>.lift-error,.lift-controls>.lift-reset{grid-column:1/-1}.lift-controls>h3{margin:-15px 0 0}.lift-field{margin:0}.lift-field-top{flex-direction:column;align-items:start;gap:12px}.lift-number{width:100%}.lift-number input{width:100%}.lift-advanced label{max-width:550px}.lift-intro{max-width:660px}.lift-summary{align-items:start}.category-layout{gap:30px}.category-gallery img{height:210px}.category-detail-grid{gap:35px}.category-next{align-items:start;flex-direction:column}}
@media(max-width:680px){:root{--gut:22px}.hero>.wrap:not(.hero-bottom){padding-block:45px 35px;min-height:470px}.hero-copy .kicker{font-size:.89rem}.hero-copy h1{font-size:clamp(2.5rem,8.4vw,3.65rem);margin-bottom:18px;line-height:1.15}.hero-copy h1 mark{font-size:1.6em}.hero-copy .lede{font-size:1.02rem;line-height:1.9;max-width:34ch;margin-bottom:25px}.hero-copy .btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-copy .btn{min-width:0;font-size:.95rem;padding:15px 8px;width:100%}.hero-bottom.wrap{grid-template-columns:1fr auto;padding-block:18px;gap:16px}.hero-english strong{font-size:16px}.hero-english span{font-size:10px;letter-spacing:.025em}.hero-discover{font-size:.9rem;justify-self:end}.hero-discover span{width:32px;height:32px;font-size:20px}.motion-toggle{grid-column:1/-1;justify-self:center;font-size:.78rem;padding:0}.service-strip .wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding-block:14px}.service-strip span{font-size:.79rem}.service-strip span::before{margin-inline-end:6px}.home-fleet,.lift-section{padding-block:60px}.fleet-heading .sec-head h2{font-size:2.7rem}.home-fleet .sec-head p:not(.eyebrow){font-size:1rem}.fleet-heading{margin-bottom:30px;gap:22px}.fleet-featured{grid-template-columns:1fr;gap:24px}.category-card .shot{aspect-ratio:4/3}.category-card .body{padding:24px}.category-card .model{font-size:1.75rem}.category-card .unit-btn-details{font-size:.98rem}.category-en{font-size:11px}.lift-section .sec-head h2{font-size:3rem}.lift-intro{font-size:1.04rem}.lift-stage-heading{padding:16px;gap:12px;font-size:.94rem}.demo-button{font-size:.83rem}.lift-tutorial{padding:16px;gap:12px;min-height:128px}.lift-tutorial p{font-size:.87rem}.lift-tutorial b{font-size:24px}#liftDrawing{min-height:0;flex:none}#liftDrawing text{font-size:24px}#liftDrawing #scaleText{font-size:20px}#liftDrawing>text:first-of-type{font-size:14px}.geometry-readings>div{padding:15px 8px}.geometry-readings span{font-size:.68rem}.geometry-readings strong{font-size:1.17rem}.lift-drag-hint{font-size:.78rem;padding:12px 16px}.lift-controls{display:block;padding:25px 22px}.lift-controls>h3{margin:0 0 25px}.lift-field{margin-bottom:25px}.lift-field-top{flex-direction:row;align-items:center}.lift-number{width:auto}.lift-number input{width:78px}.lift-field label{font-size:.98rem}.lift-field p{font-size:.84rem}.lift-advanced label{font-size:.85rem}.lift-review{display:block;padding:22px}.lift-review>p{margin:15px 0;font-size:.9rem}.lift-review>label{font-size:.84rem;margin-bottom:16px}.lift-summary{display:block;padding:25px 22px}.lift-summary p{font-size:1.04rem}.lift-summary small{font-size:.83rem}.lift-actions{margin-top:24px}.category-layout{grid-template-columns:1fr;gap:25px;margin-top:28px}.category-layout h1{font-size:2.8rem}.category-line{font-size:1.3rem!important}.category-layout figure{order:2}.category-detail-grid{grid-template-columns:1fr;gap:36px}.category-gallery{grid-template-columns:1fr;margin-block:35px}.category-gallery img,.category-gallery img:only-child{height:auto;aspect-ratio:4/3}.category-next{padding:25px}.category-next h2{font-size:1.75rem}.category-next .btn{white-space:normal}.wa{width:46px;height:46px;left:14px;bottom:14px}}
/* Motion is finite or explicitly controllable; native reduced-motion remains respected. */
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused .hero-bg{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg img{transition:none;transform:none}.category-card:hover,.category-card:hover .shot img{transform:none}.hero-bg{transform:none!important}}

body.hero-visible .wa{opacity:0;visibility:hidden;pointer-events:none}#liftDrawing text{direction:ltr;unicode-bidi:plaintext}#liftDrawing{overflow:hidden}

.category-card .shot img,.category-layout figure img{object-fit:cover}.category-layout figure{background:#11171b}

.diagram-buttons{display:flex;flex-wrap:wrap;gap:8px}.lift-stage{overflow:hidden;contain:layout paint}.drawing-viewport{overflow:auto;direction:ltr;position:relative;max-height:680px;scrollbar-color:#606b71 #11171b;flex:1;contain:layout paint;overscroll-behavior:contain;touch-action:pan-y}.drawing-viewport #liftDrawing{min-height:0;min-width:100%;width:100%;flex:none;overflow:hidden;user-select:none;-webkit-user-select:none}.drawing-viewport.is-zoomed #liftDrawing{width:200%;min-width:200%}.drawing-viewport:focus-visible{outline:2px solid #ffdc00;outline-offset:-3px}#liftLoad{touch-action:none;cursor:grab;outline:none}#liftLoad:focus-visible circle:last-of-type{stroke:#fff;stroke-width:3}.is-dragging,.is-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
@media(max-width:680px){.drawing-viewport{max-height:410px;flex:none}.drawing-viewport #liftDrawing text{font-size:34px}.drawing-viewport #liftDrawing #scaleText{font-size:28px}.drawing-viewport #liftDrawing>text:first-of-type{display:none}.diagram-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.diagram-buttons .demo-button{font-size:.78rem;padding-inline:6px}.drawing-viewport.is-zoomed #liftDrawing text{font-size:24px}.drawing-viewport #liftWeightLabel{display:none}}

.hero-english span{font-size:14px}@media(max-width:680px){.hero-english span{font-size:12px;line-height:1.6;max-width:160px}.hero-english strong{font-size:17px}}