:root{--black:#0a0b09;--paper:#e9e3d8;--cream:#f4f0e8;--orange:#c77432;--orange2:#e39a58;--grey:#77756d;--line:rgba(10,11,9,.14);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}.topbar{height:76px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 4vw;display:flex;align-items:center;background:rgba(10,11,9,.82);backdrop-filter:blur(15px);color:white;border-bottom:1px solid rgba(255,255,255,.09)}.logo{display:flex;align-items:center;gap:11px;margin-right:auto}.logo-shield{width:39px;height:43px;display:grid;place-items:center;border:1px solid #bda88f;clip-path:polygon(50% 0,100% 15%,88% 76%,50% 100%,12% 76%,0 15%);font-family:"Barlow Condensed";font-size:21px;color:#e39a58}.logo b,.logo em{display:block;font-family:"Barlow Condensed";font-style:normal;line-height:1}.logo b{font-size:15px;letter-spacing:.12em}.logo em{font-size:11px;letter-spacing:.24em;color:#e39a58;margin-top:4px}.topbar nav{display:flex;gap:31px;margin-right:34px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.topbar nav a{opacity:.68}.topbar nav a:hover{opacity:1;color:#e39a58}.call{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em}.call i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-style:normal}.menu{display:none;background:none;color:white;border:0;font-size:20px}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#111;color:white}.hero-photo{position:absolute;inset:0;background:url("images/vehicule-1.png") center/cover no-repeat;transform:scale(1.03);animation:heroZoom 12s ease-out forwards}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,5,.9) 0%,rgba(5,7,5,.54) 44%,rgba(5,7,5,.08) 100%),linear-gradient(0deg,rgba(5,7,5,.85),transparent 45%)}.hero-grid{position:absolute;inset:0;opacity:.11;background:linear-gradient(90deg,transparent 49.95%,#fff 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,#fff 50%,transparent 50.05%);background-size:100% 100%;}.hero-copy{position:absolute;left:max(6vw,calc((100vw - var(--max))/2));bottom:12vh;max-width:800px}.kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#e39a58;display:flex;align-items:center;gap:12px}.kicker span{width:31px;height:1px;background:#e39a58}.kicker.dark{color:#8a4b22}.kicker.dark span{background:#8a4b22}.hero h1{font-family:"Barlow Condensed";font-size:clamp(65px,9vw,132px);line-height:.82;letter-spacing:-.02em;margin:22px 0 25px}.hero h1 i,.intro h2 i,.atelier h2 i,.projects h2 i,.contact h2 i{font-style:normal;color:#e39a58}.hero-copy>p:not(.kicker){max-width:650px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.8}.hero-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:20px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em}.btn b{font-size:18px}.btn.solid{background:#c77432;color:#fff}.btn.outline{border:1px solid rgba(255,255,255,.35)}.hero-stamp{position:absolute;right:7vw;bottom:12vh;width:112px;height:112px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-12deg)}.hero-stamp strong{font-family:"Barlow Condensed";font-size:39px}.hero-stamp span{font-size:7px;line-height:1.25;letter-spacing:.12em}.scroll{position:absolute;right:4vw;bottom:20px;font-size:8px;letter-spacing:.2em;opacity:.55}.scroll span{font-size:17px;margin-left:8px}.intro{max-width:var(--max);margin:auto;padding:140px 35px 110px;display:grid;grid-template-columns:80px 1.2fr .8fr;gap:40px}.section-no{font-family:"Barlow Condensed";font-size:14px;color:#a5a095;border-top:1px solid #a5a095;padding-top:10px}.intro h2,.atelier h2,.projects h2,.contact h2{font-family:"Barlow Condensed";font-size:clamp(50px,6vw,84px);line-height:.86;letter-spacing:-.01em;margin:18px 0}.intro-text{padding-top:54px;color:#65635c;font-size:14px;line-height:1.9}.intro-text p{margin:0 0 20px}.intro-text b{color:#171914}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{min-height:350px;padding:27px 28px 35px;border-right:1px solid var(--line);position:relative}.services article:last-child{border-right:0}.services .num{font-family:"Barlow Condensed";font-size:12px;color:#9d978d}.service-icon{font-size:29px;color:#b9682d;margin:57px 0 22px}.services h3{font-family:"Barlow Condensed";font-size:27px;line-height:.9;margin:0 0 20px}.services p{color:#77736a;font-size:12px;line-height:1.7;max-width:250px}.atelier{max-width:var(--max);margin:auto;padding:130px 35px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.atelier-image{position:relative;height:650px;overflow:hidden}.atelier-image img{width:100%;height:100%;object-fit:cover;object-position:center}.image-label{position:absolute;bottom:18px;left:18px;padding:8px 11px;background:rgba(8,9,7,.85);color:white;font-size:8px;letter-spacing:.17em}.atelier-copy>p:not(.kicker){color:#706d64;font-size:14px;line-height:1.9;max-width:500px}.stats{display:flex;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;gap:55px}.stats div{display:flex;gap:12px;align-items:flex-start}.stats b{font-family:"Barlow Condensed";font-size:26px;color:#b9682d}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#77736a;line-height:1.4}.projects{background:#0b0c0a;color:#f5f1e8;padding:125px 35px}.projects-head{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.projects-head h2{margin-bottom:0}.projects-head>p{max-width:280px;color:#797871;font-size:12px;line-height:1.7}.gallery{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.38fr .62fr;gap:14px}.gallery figure{height:650px;margin:0;position:relative;overflow:hidden;background:#171914}.gallery figure.large{height:700px}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gallery figure:hover img{transform:scale(1.045)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:65px 25px 24px;background:linear-gradient(transparent,rgba(0,0,0,.9));display:grid;gap:5px}.gallery figcaption span,.gallery figcaption small{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#e39a58}.gallery figcaption b{font-family:"Barlow Condensed";font-size:31px}.quote{padding:135px 35px;text-align:center;background:#dcd4c7}.quote-mark{font-family:Georgia;font-size:100px;color:#bd6d32;height:70px}.quote blockquote{font-family:"Barlow Condensed";font-size:clamp(38px,5vw,70px);line-height:.95;margin:0 auto 35px;max-width:950px}.quote blockquote i{font-style:normal;color:#b9682d}.quote-sign{font-size:10px;letter-spacing:.18em;font-weight:800}.quote-sign span{font-weight:500;letter-spacing:0;color:#77736a}.contact{position:relative;overflow:hidden;background:#0a0b09;color:#fff;padding:125px 35px}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,9,.97),rgba(10,11,9,.82)),url("images/vehicule-1.png") center/cover;opacity:.55}.contact-inner{position:relative;max-width:var(--max);margin:auto}.contact h2{margin-bottom:25px}.contact-lead{max-width:560px;color:#aaa9a2;font-size:13px;line-height:1.8}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:50px}.contact-card{min-height:145px;border:1px solid rgba(255,255,255,.14);padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.035)}.contact-card:hover{border-color:#c77432}.contact-card small{font-size:8px;letter-spacing:.18em;color:#e39a58}.contact-card strong{font-family:"Barlow Condensed";font-size:23px;line-height:1.05}.contact-card span{font-size:9px;color:#85847d}.contact .kicker{margin-bottom:10px}footer{background:#070806;color:#6f6f69;border-top:1px solid #222;padding:30px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px}footer .logo{margin:0}footer>a:last-child{color:#c77432}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.03)}}
@media(max-width:900px){.topbar nav,.call span{display:none}.menu{display:block;margin-left:18px}.intro{grid-template-columns:45px 1fr;padding-top:100px}.intro-text{grid-column:2;padding-top:0}.services{grid-template-columns:1fr 1fr}.services article:nth-child(2){border-right:0}.services article:nth-child(-n+2){border-bottom:1px solid var(--line)}.atelier{grid-template-columns:1fr;gap:50px}.atelier-image{height:560px}.projects-head{display:block}.projects-head>p{margin-top:25px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure.large{height:580px}.contact-grid{grid-template-columns:1fr}.hero-stamp{display:none}}
@media(max-width:560px){.topbar{height:68px;padding:0 18px}.logo-shield{width:33px;height:37px}.logo b{font-size:12px}.logo em{font-size:9px}.hero-copy{left:20px;right:20px;bottom:55px}.hero h1{font-size:65px}.hero-copy>p:not(.kicker){font-size:12px}.hero-buttons .btn{width:100%}.intro,.atelier,.projects,.quote,.contact{padding-left:20px;padding-right:20px}.intro{grid-template-columns:1fr;gap:18px}.section-no{display:none}.intro-text{grid-column:auto}.services{grid-template-columns:1fr}.services article{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:285px}.services article:last-child{border-bottom:0!important}.atelier-image{height:430px}.stats{gap:22px}.gallery figure,.gallery figure.large{height:440px}.quote{padding-top:100px;padding-bottom:100px}footer{align-items:flex-start;flex-direction:column}}