:root{--black:#0b0d0f;--black2:#12161a;--ink:#181b1f;--orange:#f47a1f;--orange2:#ff9b52;--paper:#f2f0eb;--muted:#9ca3aa;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}em{color:var(--orange);font-style:normal}.section{padding:110px max(6vw,28px)}
.topbar{position:fixed;z-index:50;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;padding:0 max(4vw,24px);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,10,12,.84);backdrop-filter:blur(18px);color:#fff}.brand{width:204px;height:57px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav{margin-left:auto;display:flex;align-items:center;gap:32px}.nav a{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#d8dadd;transition:.2s}.nav a:hover{color:var(--orange)}.header-call{margin-left:34px;border-left:1px solid var(--line);padding-left:34px;font-size:14px;font-weight:800}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:transparent}.menu-toggle span{display:block;width:18px;height:2px;background:#fff;margin:5px auto}
.hero{position:relative;min-height:790px;height:100vh;display:flex;align-items:center;color:#fff;background:var(--black);overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/portail-soudure.jpg') center 46%/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.95) 0%,rgba(8,10,12,.76) 42%,rgba(8,10,12,.25) 72%,rgba(8,10,12,.45) 100%),linear-gradient(0deg,rgba(8,10,12,.72),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(820px,75vw);padding-left:max(8vw,48px)}.eyebrow,.section-tag{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{display:block;width:34px;height:2px;background:var(--orange)}h1,h2{margin:20px 0;font-size:clamp(52px,7.1vw,104px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}h2{font-size:clamp(42px,5vw,72px)}.hero-content>p{max-width:610px;margin:28px 0 0;color:#c9cdd1;font-size:18px;line-height:1.7}.hero-actions,.contact-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button.primary{background:var(--orange);border-color:var(--orange);color:#111}.button.primary:hover{background:var(--orange2)}.button.ghost{color:#fff;background:rgba(255,255,255,.04)}.button.ghost:hover{border-color:var(--orange);color:var(--orange)}.hero-rail{position:absolute;z-index:2;right:max(4vw,25px);bottom:68px;display:flex;flex-direction:column}.hero-rail div{width:148px;padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}.hero-rail strong{color:var(--orange);font-size:11px}.hero-rail span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.scroll-cue{position:absolute;z-index:3;left:max(8vw,48px);bottom:32px;font-size:9px;letter-spacing:.2em;color:#bbb}.scroll-cue span{margin-left:14px;color:var(--orange)}
.section-tag:before{content:"";width:34px;height:2px;background:var(--orange)}.intro-grid,.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.intro h2,.feature h2,.quality h2{font-size:clamp(40px,5vw,68px)}.intro-copy p,.section-head>p,.feature-content>p,.quality-copy>p{color:#666e76;line-height:1.8;font-size:16px}.text-link{display:inline-flex;gap:30px;margin-top:20px;padding-bottom:8px;border-bottom:2px solid var(--orange);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:82px;border-top:1px solid #cdd0d2;border-bottom:1px solid #cdd0d2}.metrics div{padding:30px 28px;border-right:1px solid #cdd0d2}.metrics div:last-child{border-right:0}.metrics strong,.metrics span{display:block}.metrics strong{font-size:20px;text-transform:uppercase}.metrics span{margin-top:9px;color:#767d83;font-size:13px;line-height:1.5}
.dark-section{background:var(--black);color:#fff}.section-tag.light{color:var(--orange)}.services .section-head>p,.projects .section-head>p{color:#a7adb3}.service-list{margin-top:70px;border-top:1px solid var(--line)}.service-list article{position:relative;display:grid;grid-template-columns:70px 1fr 1.4fr 34px;align-items:center;gap:25px;padding:31px 8px;border-bottom:1px solid var(--line);transition:.25s}.service-list article:hover{background:rgba(244,122,31,.08);padding-left:20px}.service-list span{color:var(--orange);font-size:11px;font-weight:900}.service-list h3{font-size:20px;text-transform:uppercase;margin:0}.service-list p{margin:0;color:#9fa5aa;line-height:1.6;font-size:14px}.service-list b{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:var(--orange)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.feature-image{position:relative;height:720px;background:#111;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.12)}.feature-image>span{position:absolute;left:0;bottom:0;z-index:2;padding:18px 24px;background:var(--orange);color:#111;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.feature-content ul{list-style:none;padding:0;margin:42px 0 0}.feature-content li{display:grid;grid-template-columns:110px 1fr;gap:30px;border-top:1px solid #cfd1d2;padding:20px 0}.feature-content li:last-child{border-bottom:1px solid #cfd1d2}.feature-content li b{text-transform:uppercase}.feature-content li span{color:#6e757a;font-size:14px;line-height:1.5}
.projects-head{margin-bottom:65px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:430px;gap:15px}.gallery figure{position:relative;margin:0;overflow:hidden;background:#222}.gallery figure.wide{grid-column:span 2}.gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.55s}.gallery figure:hover img{transform:scale(1.04);filter:saturate(1)}.gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,8,.86),transparent 50%)}.gallery figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;align-items:end;justify-content:space-between}.gallery figcaption b{text-transform:uppercase;font-size:16px}.gallery figcaption span{color:#c4c8ca;font-size:12px}
.quality{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center}.quality-image{height:730px;background:#111;overflow:hidden}.quality-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.quality-points{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid #cfd1d2}.quality-points div{display:grid;grid-template-columns:40px 1fr;padding:20px 15px 20px 0;border-bottom:1px solid #cfd1d2}.quality-points div:nth-child(odd){border-right:1px solid #cfd1d2}.quality-points div:nth-child(even){padding-left:20px}.quality-points span{grid-row:span 2;color:var(--orange);font-size:11px;font-weight:900}.quality-points b{text-transform:uppercase}.quality-points small{margin-top:6px;color:#757b80;line-height:1.45}
.contact{position:relative;overflow:hidden;background:var(--black);color:#fff;text-align:center}.contact-glow{position:absolute;width:520px;height:520px;left:50%;top:-280px;transform:translateX(-50%);background:radial-gradient(circle,rgba(244,122,31,.27),transparent 65%)}.contact .section-tag{position:relative;justify-content:center}.contact h2{position:relative}.contact>p{position:relative;max-width:650px;margin:0 auto;color:#a9afb3;line-height:1.7}.contact-actions{position:relative;justify-content:center}.button.download{border-color:#555;color:#d9dcde}.button.download:hover{border-color:var(--orange);color:var(--orange)}.contact-meta{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:70px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-meta div{padding:28px}.contact-meta div:first-child{border-right:1px solid var(--line)}.contact-meta small,.contact-meta strong{display:block}.contact-meta small{color:var(--orange);font-size:9px;letter-spacing:.18em}.contact-meta strong{margin-top:10px;font-size:17px}
footer{min-height:115px;padding:22px max(4vw,24px);display:flex;align-items:center;gap:38px;background:#070809;color:#8d949a;font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer img{width:170px}footer p:nth-of-type(2){margin-left:auto}footer a{color:#fff}
@media(max-width:900px){.topbar{height:72px}.brand{width:160px}.header-call{display:none}.menu-toggle{display:block}.nav{position:absolute;left:0;right:0;top:72px;margin:0;padding:22px 28px;display:none;flex-direction:column;align-items:flex-start;gap:20px;background:#0b0d0f;border-top:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:720px}.hero-content{width:100%;padding:100px 28px 90px}.hero-content>p{font-size:16px}.hero-rail{display:none}.scroll-cue{left:28px}.intro-grid,.section-head,.feature,.quality{grid-template-columns:1fr;gap:40px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #cdd0d2}.metrics div:last-child{border-bottom:0}.service-list article{grid-template-columns:44px 1fr 32px}.service-list article p{grid-column:2/4}.feature-image,.quality-image{height:560px}.feature-image{order:2}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:370px}.gallery figure.wide{grid-column:span 2}.contact-meta{grid-template-columns:1fr}.contact-meta div:first-child{border-right:0;border-bottom:1px solid var(--line)}footer{flex-wrap:wrap}footer p:nth-of-type(2){margin-left:0}}
@media(max-width:600px){.section{padding:78px 22px}h1{font-size:48px}.hero-actions .button,.contact-actions .button{width:100%}.service-list article{padding:24px 0}.service-list h3{font-size:17px}.gallery{grid-template-columns:1fr;grid-auto-rows:390px}.gallery figure.wide{grid-column:span 1}.gallery figcaption{display:block}.gallery figcaption span{display:block;margin-top:6px}.feature-image,.quality-image{height:480px}.quality-points{grid-template-columns:1fr}.quality-points div:nth-child(odd){border-right:0}.quality-points div:nth-child(even){padding-left:0}.feature-content li{grid-template-columns:1fr;gap:8px}.contact-meta strong{font-size:14px}footer{display:grid;gap:15px}footer img{width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img,.service-list article{transition:none}}