/* Brand assets retain their original geometry; the frame hides export margins. */
.brand-home{display:flex;flex-direction:column;gap:8px;align-items:center;flex-shrink:0;padding:15px 0 13px}
.brand-home .brand-logo{position:relative;display:block;width:245px;height:76px;overflow:hidden;margin:0}
.brand-logo img{position:absolute;width:272px;height:272px;max-width:none;left:-14px;top:-113px;filter:grayscale(1) invert(1) contrast(8);mix-blend-mode:multiply}
.brand-home .brand-services{font-size:12px;line-height:1.45;letter-spacing:.3px;text-align:center;margin:0;font-weight:600}
.nav{min-height:144px}
nav{font-size:15px}
html{scroll-padding-top:175px}
.eyebrow{font-size:14px;letter-spacing:1.8px}
.hero .eyebrow{font-size:14px}
.hero-pictos{position:relative;width:100%;aspect-ratio:3.1;overflow:hidden;margin-bottom:34px}
.hero-aside .hero-pictos img{position:absolute;max-width:none;width:130%;height:auto;left:-15%;top:50%;transform:translateY(-50%);margin:0}
.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.services article{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-top:2px solid var(--navy);border-radius:3px;padding:30px 32px;background:#fafbfc;min-height:360px}
.services h3{font-size:27px;margin:0 0 20px}
.services p,.services li{font-size:16px;color:#485565}
.services p{max-width:93%}
.services ul{margin-bottom:0}
.services article>h3,.services article>p,.services article>ul{position:relative;z-index:1}
.device-art{position:absolute;display:block;right:16px;bottom:12px;overflow:hidden;opacity:.12;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.device-art img{position:absolute;max-width:none;height:auto}
.smartphone{width:130px;height:230px}
.smartphone img{width:768px;left:-33px;top:-132px}
.tablette{width:160px;height:235px}
.tablette img{width:768px;left:-182px;top:-130px}
.portable{width:260px;height:205px;right:7px}
.portable img{width:768px;left:-336px;top:-164px}
.console{width:152px;height:235px}
.console img{width:768px;left:-604px;top:-130px}
.atelier-grid{align-items:center}
.atelier-copy{padding:0}
.atelier h2{font-size:48px}
.facebook-block{margin-top:44px;padding:30px 32px;background:var(--paper);border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.facebook-block .eyebrow{margin-bottom:9px;font-size:13px}
.facebook-block h3{font-size:25px}
.facebook-block p:last-child{font-size:15px;color:var(--muted);margin-top:10px}
.facebook-link{background:var(--navy);color:white;flex-shrink:0}
.small-label{font-size:14px}
@media(max-width:1000px){.brand-home .brand-logo{width:220px;height:70px}.brand-logo img{width:246px;height:246px;left:-13px;top:-102px}.nav{gap:18px}.brand-home .brand-services{font-size:12px}nav{gap:16px;font-size:14px}.services article{padding:26px}.facebook-block{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:760px){.nav{flex-wrap:wrap;padding:12px 0;min-height:0}.brand-home{padding:0;align-items:flex-start;gap:6px}.brand-home .brand-logo{width:188px;height:59px}.brand-logo img{width:210px;height:210px;left:-11px;top:-87px}.brand-home .brand-services{font-size:11px;text-align:center;width:188px}.header-phone{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;font-size:14px}.hero-grid{gap:24px}.hero .eyebrow{font-size:12px}.services article{padding:26px 24px}.services h3{font-size:25px}.services p{max-width:100%}.device-art{opacity:.09}.facebook-link{white-space:normal}}
@media(max-width:650px){html{scroll-padding-top:166px}.nav{gap:13px}.hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:1.3px}.hero-pictos{max-width:390px;margin:0 auto 24px;aspect-ratio:3}.hero-aside{margin-top:42px}.services{grid-template-columns:1fr}.services article{min-height:0;padding:26px 23px}.services h3{font-size:26px}.services p,.services li{font-size:16px}.device-art{opacity:.11}.atelier h2{font-size:40px}.facebook-block{padding:25px}.facebook-link{font-size:14px;width:100%;gap:14px}.brand-home .brand-services{font-size:11px;letter-spacing:.1px}.footer-row p{font-size:13px}.contact-heading h2{font-size:34px}}
@media(max-width:350px){.brand-home .brand-logo{width:165px;height:52px}.brand-logo img{width:184px;height:184px;left:-9px;top:-76px}.brand-home .brand-services{width:165px;font-size:10px}.header-phone{font-size:12px}}