:root{--ink:#071827;--ink-2:#0b2236;--surface:#102b45;--line:#29435a;--cream:#e9edf0;--muted:#9babb7;--yellow:#f6bd19;--yellow-dark:#d69d00;--condensed:"Barlow Condensed",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:15px;line-height:1.6}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:12px;top:-48px;background:var(--yellow);color:var(--ink);padding:9px 15px;z-index:20}.skip-link:focus{top:12px}.site-header{height:76px;padding:0 max(5vw,28px);display:flex;align-items:center;gap:32px;position:absolute;z-index:5;width:100%;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--condensed);font-size:23px;font-weight:800;line-height:.68;letter-spacing:.04em}.brand>span:last-child span{color:var(--yellow)}.brand small{display:block;font:600 7px var(--body);letter-spacing:.2em;color:var(--muted);margin-top:7px}.brand-mark{height:30px;width:30px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:23px;font-style:italic;clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}.nav{display:flex;gap:26px;margin:auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav a{color:#c1ccd4}.nav a:hover,.text-link:hover{color:var(--yellow)}.header-cta{font:700 13px var(--condensed);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--yellow);padding:9px 13px}.header-cta span{margin-left:8px}.menu-button{display:none}.hero{min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo,.manifesto-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1565106430482-8f6e74349ca1?auto=format&fit=crop&w=2200&q=85") center/cover no-repeat;filter:saturate(.75)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,27,.97) 0%,rgba(5,19,33,.86) 37%,rgba(5,19,33,.35) 75%,rgba(5,19,33,.58)),linear-gradient(0deg,rgba(5,18,31,.65),transparent 35%)}.hero-content{position:relative;max-width:720px;padding:145px max(5vw,28px) 105px}.availability,.section-label{font:700 10px var(--body);letter-spacing:.16em;color:var(--yellow);margin:0 0 14px}.availability i{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:7px}.hero h1,h2,h3{font-family:var(--condensed);text-transform:uppercase;line-height:.88;margin:0}.hero h1{font-size:clamp(58px,7.3vw,110px);letter-spacing:-.025em}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy{max-width:540px;color:#ccd6dd;margin:28px 0;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 17px;text-transform:uppercase;letter-spacing:.09em;font:700 14px var(--condensed);border:1px solid transparent;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--yellow);color:var(--ink)}.button-primary:hover{background:#ffd044}.button-quiet{border-color:#617383;color:#edf2f5}.button-quiet:hover{border-color:var(--yellow);color:var(--yellow)}.hero-bottom{position:absolute;bottom:0;left:max(5vw,28px);right:max(5vw,28px);display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding:16px 0;color:#9cadb9;font-size:9px;font-weight:700;letter-spacing:.13em}.hero-bottom b{color:var(--yellow);font-size:15px;margin-left:8px}.section-wrap{max-width:1180px;margin:auto;padding-left:30px;padding-right:30px}.intro{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(46px,8vw,126px);align-items:center}.intro-image{position:relative}.intro-image:before{content:"";position:absolute;border:1px solid var(--yellow);width:64%;height:70%;right:-16px;bottom:-16px;z-index:-1}.intro-image img{width:100%;height:470px;object-fit:cover;display:block;filter:saturate(.8)}.intro h2,.section-heading h2,.advantage h2,.contact h2{font-size:clamp(43px,5vw,70px);max-width:570px}.intro-copy>p:not(.section-label),.section-heading>p:last-child,.contact-heading>p:not(.section-label){color:var(--muted);max-width:510px;margin:23px 0 28px}.service-list{border-top:1px solid var(--line);margin-bottom:23px}.service-list>div{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:33px 1fr;column-gap:12px}.service-list span{color:var(--yellow);font:700 15px var(--condensed)}.service-list strong{font-size:14px;text-transform:uppercase;letter-spacing:.02em}.service-list p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.text-link{font:700 14px var(--condensed);text-transform:uppercase;letter-spacing:.08em;color:var(--yellow)}.text-link span{font-size:18px;margin-left:7px}.roles-section{background:#0a2033;padding:110px 0 120px}.section-heading{text-align:center;max-width:620px;margin:0 auto 47px}.section-heading h2{margin:auto}.section-heading>p:last-child{margin:17px auto 0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-card{min-height:312px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#172e42}.role-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,32,.95),rgba(4,19,32,.08) 80%);z-index:1}.role-card>div{position:relative;z-index:2;padding:23px}.role-card span{font:700 13px var(--condensed);color:var(--yellow)}.role-card h3{font-size:36px;margin:7px 0 9px}.role-card p{font-size:12px;line-height:1.4;color:#c5d0d8;margin:0;max-width:220px}.role-card{background-size:cover;background-position:center;transition:transform .3s ease}.role-card:hover{transform:translateY(-6px)}.role-weld{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=700&q=80')}.role-machine{background-image:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=700&q=80')}.role-warehouse{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=700&q=80')}.role-quality{background-image:url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=700&q=80')}.role-logistics{background-image:url('https://images.unsplash.com/photo-1587293852726-70cdb56c2866?auto=format&fit=crop&w=700&q=80')}.role-flex{background-image:url('https://images.unsplash.com/photo-1565514020179-026b92b2d54f?auto=format&fit=crop&w=700&q=80')}.advantage{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px}.advantage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.advantage article{border-top:1px solid #496176;padding-top:17px}.advantage b{font:700 17px var(--condensed);color:var(--yellow)}.advantage h3{font-size:26px;margin:14px 0 8px}.advantage p{font-size:13px;color:var(--muted);margin:0}.manifesto{min-height:535px;position:relative;display:flex;align-items:center;justify-content:flex-end}.manifesto-image{background-image:url("https://images.unsplash.com/photo-1537462718616-9f6d0a5d7f9a?auto=format&fit=crop&w=1800&q=85");filter:saturate(.75)}.manifesto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,32,.25),rgba(4,19,32,.92) 65%)}.manifesto-copy{position:relative;z-index:1;max-width:600px;margin-right:max(6vw,35px);padding:70px 0}.manifesto h2{font-size:clamp(47px,5vw,75px);max-width:560px}.manifesto p:not(.section-label){color:#c0cbd3;max-width:470px;margin:25px 0}.contact{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact-details{border-top:1px solid var(--line);margin-top:35px}.contact-details>a,.contact-details>p{display:block;border-bottom:1px solid var(--line);padding:13px 0;margin:0;font-size:14px;line-height:1.5}.contact-details span{display:block;font:700 10px var(--body);letter-spacing:.14em;color:var(--yellow);margin-bottom:3px}.enquiry-form{background:var(--surface);padding:32px;align-self:start}.enquiry-form label{display:block;color:#aebdc7;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:17px}.enquiry-form input,.enquiry-form textarea{width:100%;display:block;background:#092037;border:1px solid #29465d;color:white;padding:12px;margin-top:6px;font:400 14px var(--body);resize:vertical;border-radius:0}.enquiry-form input:focus,.enquiry-form textarea:focus{outline:2px solid var(--yellow);outline-offset:1px}.enquiry-form .button{width:100%;margin-top:3px}.form-note{font-size:11px;color:#9aaebc;margin:14px 0 0;line-height:1.5}footer{border-top:1px solid var(--line);padding:38px max(5vw,28px);display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:20px;color:var(--muted);font-size:12px}footer>p:last-child{text-align:right}@media(max-width:800px){.site-header{height:67px;padding:0 22px;gap:16px}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:#092036;padding:20px 22px;flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.menu-button{display:block;margin-left:auto;background:none;border:0;color:var(--cream);font:700 14px var(--condensed);text-transform:uppercase;letter-spacing:.1em}.header-cta{display:none}.hero{min-height:650px}.hero-content{padding:140px 25px 100px}.hero-bottom{left:25px;right:25px}.hero-bottom span{display:none}.intro,.contact{grid-template-columns:1fr;gap:48px;padding-top:80px;padding-bottom:80px}.intro-image img{height:360px}.roles-section{padding:80px 0}.role-grid{grid-template-columns:repeat(2,1fr)}.role-card{min-height:260px}.advantage{padding-top:80px;padding-bottom:80px;grid-template-columns:1fr;gap:38px}.advantage-list{grid-template-columns:1fr;gap:28px}.manifesto{justify-content:flex-start}.manifesto:after{background:rgba(4,19,32,.83)}.manifesto-copy{margin:0;padding:80px 27px}.contact{gap:50px}.enquiry-form{padding:24px}footer{grid-template-columns:1fr;text-align:left}footer>p:last-child{text-align:left}}@media(max-width:460px){.section-wrap{padding-left:22px;padding-right:22px}.hero h1{font-size:57px}.hero-copy{font-size:14px}.role-grid{grid-template-columns:1fr}.role-card{min-height:230px}.hero-bottom{font-size:8px}.brand{font-size:21px}}
