@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--red:#e50914;--ink:#171923;--muted:#657080;--line:#e5e7ed;--surface:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--surface);color:var(--ink);font-family:Poppins,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff6870;outline-offset:4px}body>header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;transform:none!important;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto;padding:24px 32px;background:var(--surface)}header .brand{display:block;width:155px;height:60px;flex:0 0 155px}header .brand img{width:100%;height:100%;object-fit:contain;display:block}header nav{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}header nav>a{padding:10px 15px;border-radius:10px;transition:background .2s}header nav>a:hover,header nav>a[aria-current=page]{background:#fff;box-shadow:0 2px 9px #17192308}.langs{display:flex;gap:4px;border:1px solid var(--line);border-radius:10px;padding:4px;margin-left:10px;background:#fff}.langs button{border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;padding:6px 9px;min-height:32px}.langs .active{background:var(--ink);color:#fff}.mobile-menu{display:none}.wrap{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;align-items:center;padding:64px 52px;margin:12px 0 52px;background:radial-gradient(ellipse at 100% 0,#50232e 0,transparent 55%),#191c25;border:1px solid #333641;border-radius:28px;color:#fff;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--red);text-transform:uppercase}.hero .eyebrow{background:#ffffff0c;border:1px solid #ffffff20;border-radius:99px;padding:8px 12px;color:#ffc4c8;letter-spacing:1.2px}.hero .eyebrow:before{content:'';width:6px;height:6px;background:#ff4651;border-radius:50%}h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2.5px;line-height:1.12;margin:24px 0;font-weight:600}h1 em{font-style:normal;color:#ff525c}.intro{font-size:14px;line-height:1.9;color:#bfc3cd;max-width:610px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:#fff;padding:14px 20px;border:1px solid transparent;border-radius:12px;font-weight:500;font-size:12px;min-height:48px;box-shadow:0 5px 16px #e5091420;transition:transform .2s,background .2s}.btn:after{content:'↗';font-size:18px;line-height:1}.btn:hover{background:#c80712;transform:translateY(-2px)}.btn-secondary{background:#ffffff08;border-color:#ffffff30;box-shadow:none}.btn-secondary:hover{background:#ffffff16}.hero-work{background:#ffffff07;border:1px solid #ffffff1d;padding:14px;border-radius:20px;transform:rotate(2deg);box-shadow:0 24px 60px #0004}.work-label{display:flex;align-items:center;gap:5px;padding:4px 3px 12px;font-size:10px;color:#d5d7de}.work-label i{display:block;width:6px;height:6px;border-radius:50%;background:#61636d}.work-label span{margin-left:8px}.hero-work>img{width:100%;height:210px;object-fit:contain;background:#f0ede8;border-radius:12px;display:block}.work-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.work-bottom img{width:100%;height:115px;object-fit:contain;background:#eeebea;border-radius:10px}.work-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.work-tags span{font-size:9px;color:#dadce4;border:1px solid #ffffff25;border-radius:6px;padding:4px 8px}.section{padding:36px 0 52px;border-top:0}h2{font-size:clamp(28px,3vw,39px);line-height:1.25;letter-spacing:-1.3px;font-weight:600;margin:14px 0 28px}h3{font-weight:600}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.about-grid p{font-size:14px;line-height:1.95;color:var(--muted)}.about-grid>img{width:100%;display:block;max-height:430px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:18px;border-radius:24px;box-shadow:0 10px 30px #17192306}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps article,.service{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px;box-shadow:0 4px 20px #17192303;transition:transform .2s,box-shadow .2s}.steps strong,.service small{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:8px;border:1px solid #f7cdd0;background:#fff1f2;color:var(--red);font-size:13px;font-weight:600;border-radius:12px}.steps h3,.service h3{font-size:17px;line-height:1.45;margin:22px 0 12px}.steps p,.service p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service{display:flex;flex-direction:column;align-items:flex-start}.service p{flex:1}.service:hover{transform:translateY(-4px);box-shadow:0 12px 30px #17192309}.service-link{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;margin-top:22px;color:var(--red);min-height:32px}.service-link:after{content:'↗';font-size:16px}.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff;font-size:10px;min-height:38px;color:var(--muted)}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{padding:10px 10px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;min-width:0;overflow:hidden;transition:box-shadow .2s,transform .2s}.project:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1719230c}.project button{display:block;position:relative;padding:0;border:0;border-radius:11px;background:#efeeec;width:100%;aspect-ratio:1.35;overflow:hidden}.project button:after{content:'↗';position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;background:#fff;color:var(--ink);border-radius:50%;box-shadow:0 2px 6px #0001}.project img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.project button:hover img{transform:scale(1.035)}.project h3{margin:17px 10px 4px;font-size:14px}.project p{font-size:10px;color:var(--muted);margin:0 10px}.project[hidden]{display:none}.cta{background:radial-gradient(ellipse at 100% 0,#6d202f 0,transparent 60%),#191c25;color:#fff;max-width:1176px;margin:28px auto 50px;padding:48px 52px;border-radius:24px;border:1px solid #333641}.cta .eyebrow{color:#ffc4c8!important}.cta h2{max-width:680px;font-size:40px;margin-bottom:16px}.cta p{font-size:14px;line-height:1.8;max-width:650px;color:#bfc3cd}.cta .btn{margin-top:16px}footer{max-width:1240px;margin:auto;color:var(--muted);padding:24px 32px 40px;display:flex;justify-content:space-between;gap:25px;font-size:11px;border-top:1px solid var(--line)}footer div{display:flex;gap:20px}footer a:hover{color:var(--red)}dialog{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;color:var(--ink);max-width:96vw;max-height:95vh;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#161923dc;backdrop-filter:blur(5px)}dialog img{display:block;max-width:88vw;max-height:75vh;object-fit:contain}dialog button{float:right;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 14px;margin-bottom:15px;min-height:44px}dialog p{font-size:12px}.fr{display:none}body.lang-fr .en{display:none}body.lang-fr .fr{display:revert}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:1000px){.hero{padding:40px 32px;gap:28px}h1{font-size:42px}.hero-work>img{height:180px}.work-bottom img{height:90px}.services,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{margin-inline:32px}.portfolio-head{display:block}.about-grid{gap:30px}header nav>a{padding:9px}.steps{gap:12px}.steps article{padding:22px}}
@media(max-width:700px){body>header{padding:16px 20px;gap:12px;flex-wrap:wrap}header .brand{width:135px;height:52px;flex-basis:135px}header>nav{display:none}.mobile-menu{display:block;flex:1}.mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;min-height:44px;width:94px;margin-inline-start:auto;border:1px solid #d8dce5;border-radius:10px;background:#fff;font-size:12px;font-weight:500}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open]{flex-basis:100%}.mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:10px}.mobile-menu nav>a{display:flex;align-items:center;justify-content:center;padding:10px 8px;min-height:44px;text-align:center;line-height:1.4;background:var(--surface);font-size:11px}.mobile-menu .langs{margin:0;justify-content:center}.langs button{min-height:36px;min-width:36px}.wrap{padding:0 20px}.hero{grid-template-columns:minmax(0,1fr);padding:30px 22px;margin:8px 0 28px;border-radius:20px;gap:32px}h1{font-size:clamp(32px,8.5vw,46px);letter-spacing:-1.5px;overflow-wrap:break-word}.intro{font-size:13px}.hero-actions{gap:10px}.hero-actions .btn{flex:1;font-size:11px;padding:12px;min-width:140px}.hero-work{transform:none}.hero-work>img{height:190px}.work-bottom img{height:90px}.section{padding:28px 0 36px}.services,.steps,.about-grid,.grid{grid-template-columns:minmax(0,1fr)}h2{font-size:29px;letter-spacing:-1px}.steps,.services{gap:14px}.service{padding:24px}.service h3{font-size:17px}.about-grid{gap:24px}.about-grid>img{max-height:350px}.filters{gap:7px;margin-bottom:22px}.filters button{min-height:44px;font-size:11px}.project button{aspect-ratio:1.4}.project h3{font-size:15px}.project p{font-size:11px}.cta{padding:32px 24px;margin:20px 20px 32px;border-radius:20px}.cta h2{font-size:31px}.cta p{font-size:13px}footer{padding:24px 20px 32px;flex-direction:column;gap:12px}dialog{padding:14px}dialog img{max-width:84vw}}

/* Keep the agency design independent of the active WordPress theme. */
html body{background:#f6f7fb!important;color:#171923;font-family:Poppins,Arial,sans-serif!important}body>main .hero h1{font-size:clamp(36px,4vw,58px)!important;color:#fff!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-2.5px!important;margin:24px 0!important}body>main .hero h1 em{color:#ff525c!important;font-style:normal!important}body>main h2{font-size:clamp(28px,3vw,39px)!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-1.3px!important;color:#171923}body>main .cta h2{color:#fff!important;font-size:40px!important}body>main h3{font-size:17px!important;line-height:1.45!important;color:#171923!important;font-weight:600!important}body>main .project h3{font-size:14px!important}body>main .btn{border-radius:12px!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;font-size:12px!important;font-weight:500!important}body>main .project button:before{content:none!important}body>footer{background:transparent!important;color:#657080!important}body>header nav{position:static!important;width:auto!important}body>main .intro{color:#bfc3cd!important;font-size:14px!important;line-height:1.9!important}
@media(max-width:1000px){body>main .hero h1{font-size:42px!important}}
@media(max-width:700px){body>main .hero h1{font-size:clamp(32px,8.5vw,46px)!important;letter-spacing:-1.5px!important}body>main h2{font-size:29px!important;letter-spacing:-1px!important}body>main .cta h2{font-size:31px!important}body>main .hero-actions .btn{font-size:11px!important}body>main .intro{font-size:13px!important}body>header .mobile-menu nav{width:100%!important}}
