:root { --ink:#11110f; --paper:#f3f0ea; --acid:#00ff12; --orange:#ff5733; /* Versions précédentes conservées dans assets/ */ --hero-image:url('assets/hero-ferrari-elle.png'); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.nav{height:92px;position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.brand{color:inherit;text-decoration:none;font:700 15px/12px Oswald,sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:12px}.brand span{display:grid;place-items:center;width:37px;height:37px;background:var(--acid);color:var(--ink);font:700 18px Oswald}.nav nav{display:flex;align-items:center;gap:28px}.nav nav>a{color:inherit;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav .nav-cta{border:1px solid rgba(255,255,255,.55);padding:13px 16px}.nav-cta b{color:var(--acid);font-size:16px;margin-left:7px}.menu-toggle{display:none}.hero{height:max(720px,100vh);min-height:650px;position:relative;background:#181818;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:var(--hero-image) center/cover no-repeat;animation:slowZoom 15s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 62%,rgba(0,0,0,.45)),linear-gradient(0deg,rgba(0,0,0,.4),transparent 35%)}.hero-copy{position:absolute;top:50%;left:9vw;max-width:670px;transform:translateY(-39%)}.eyebrow{font:500 10px/1 DM Mono,monospace;letter-spacing:.12em;margin:0 0 23px;text-transform:uppercase}.eyebrow span{display:inline-block;width:27px;border-top:1px solid currentColor;vertical-align:middle;margin-right:9px}h1,h2,h3{font:700 80px/.89 Oswald,Impact,sans-serif;letter-spacing:-1.5px;margin:0}em{font-style:normal;color:var(--acid)}.intro{max-width:400px;font-size:15px;line-height:1.65;margin:31px 0}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 19px;background:var(--acid);color:var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.button b{font-size:19px}.hero-meta{position:absolute;bottom:38px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:10px DM Mono;color:#ddd}.scroll{position:absolute;right:5vw;bottom:34px;color:white;text-decoration:none;font:10px DM Mono;text-transform:uppercase;writing-mode:vertical-rl;letter-spacing:.1em}.scroll i{font-style:normal;font-size:16px;margin-top:10px}.statement{padding:135px 9vw 120px;background:var(--paper)}.dark{color:#555}.statement h2{font-size:clamp(45px,6.5vw,104px);max-width:1100px}.statement h2 em{color:var(--orange)}.statement-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:55px;gap:40px}.statement-bottom p{max-width:460px;font-size:15px;line-height:1.8;margin:0}.text-link{color:inherit;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link b{font-size:17px;margin-left:12px}.services{background:#141412;padding:105px 5vw}.section-head{display:flex;justify-content:space-between;align-items:start;color:#fff;margin-bottom:30px;font:10px DM Mono;letter-spacing:.08em}.service{position:relative;color:#fff;overflow:hidden;min-height:520px;background:#333}.service-image{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .7s ease}.service:hover .service-image{transform:scale(1.04)}.service-content{position:absolute;inset:0;padding:34px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.service-content>p:first-child{font:10px DM Mono;letter-spacing:.08em;text-transform:uppercase}.service h3{margin-top:auto;font-size:70px}.service h3 em{color:var(--acid)}.service-text{max-width:330px;margin:22px 0 0;font-size:13px;line-height:1.65}.round-arrow{position:absolute;right:32px;bottom:31px;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--acid);color:var(--ink);text-decoration:none;font-size:23px}.vehicle .service-image{background-image:linear-gradient(90deg,#0003,#0000),url('https://images.unsplash.com/photo-1542282088-72c9c27ed0cd?auto=format&fit=crop&w=1800&q=85')}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.service-grid .service{min-height:530px}.textile .service-image{background-image:url('https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?auto=format&fit=crop&w=1200&q=85')}.stickers .service-image{background-image:url('https://images.unsplash.com/photo-1561214115-f2f134cc4912?auto=format&fit=crop&w=1200&q=85')}.signage .service-image{background-image:url('https://images.unsplash.com/photo-1556075798-4825dfaaf498?auto=format&fit=crop&w=1800&q=85')}.work{padding:115px 5vw}.work .section-head{color:var(--ink);margin-bottom:55px}.work-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:16px;align-items:end}.work-item{height:430px;background:center/cover #333;position:relative;color:white;padding:22px;font:10px DM Mono}.work-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 50%)}.work-item span,.work-item p{position:relative;z-index:1}.work-item p{position:absolute;bottom:15px;line-height:1.7}.work-item b{font:500 10px DM Mono;color:var(--acid);text-transform:uppercase}.work-two{height:310px;background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1000&q=85')}.work-one{background-image:url('https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&w=1400&q=85')}.work-three{height:350px;background-image:url('https://images.unsplash.com/photo-1503342217505-b0a15ec3261c?auto=format&fit=crop&w=1000&q=85')}.numbers{background:var(--orange);padding:67px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.numbers div{border-top:1px solid #111;padding-top:13px}.numbers b{display:block;font:700 clamp(70px,10vw,150px)/.8 Oswald}.numbers b span{font-size:.35em}.numbers p{font:10px DM Mono;text-transform:uppercase;letter-spacing:.08em}.contact{padding:120px 9vw 35px;background:#11110f;color:white}.contact h2{font-size:clamp(56px,10vw,158px)}.contact-email{display:block;margin-top:68px;color:var(--acid);font:600 clamp(17px,3vw,38px) Manrope;text-decoration:none;border-bottom:1px solid #777;padding-bottom:18px}.contact-email b{float:right}.contact-foot{display:flex;justify-content:space-between;margin-top:85px;color:#aaa;font:10px/1.8 DM Mono;text-transform:uppercase;letter-spacing:.05em}@keyframes slowZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.reveal{animation:reveal .9s .15s both}@keyframes reveal{from{opacity:0;transform:translate(-20px,-39%)}to{opacity:1;transform:translate(0,-39%)}}
@media(max-width:700px){.nav{height:72px;padding:0 22px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:25px 22px;flex-direction:column;align-items:flex-start;gap:20px}.nav.open nav{display:flex}.menu-toggle{display:grid;gap:6px;background:none;border:0}.menu-toggle i{display:block;width:25px;border-top:2px solid white}.hero{min-height:650px;height:100svh}.hero-copy{left:25px;right:25px;transform:translateY(-32%)}h1{font-size:68px}.hero-meta{left:25px;right:25px;bottom:23px}.hero-meta span:last-child{display:none}.scroll{display:none}.statement{padding:80px 25px}.statement-bottom{display:block;margin-top:35px}.statement-bottom .text-link{display:inline-block;margin-top:30px}.services{padding:70px 12px}.service{min-height:490px}.service-content{padding:24px}.service h3{font-size:51px}.service-grid{grid-template-columns:1fr}.service-grid .service{min-height:420px}.work{padding:75px 12px}.work .section-head{margin-bottom:28px}.work-grid{grid-template-columns:1fr;gap:12px}.work-item,.work-two,.work-three{height:330px}.numbers{grid-template-columns:1fr;padding:45px 25px}.numbers b{font-size:85px}.contact{padding:75px 25px 28px}.contact-foot{margin-top:60px;gap:20px}.contact-foot p:last-child{text-align:right}.section-head .text-link{font-size:9px}.statement h2{font-size:48px}}