:root{--aio-orange:#ff7526;--aio-ivory:#f8f5ed;--aio-petrol:#125469}html{scroll-padding-top:80px}.site-nav{pointer-events:none}.site-nav a{pointer-events:auto}.access-skip{position:fixed;top:-90px;left:20px;z-index:100;background:#f8f5ed;color:#092733;padding:16px}.access-skip:focus{top:16px}.intro-journey{height:700vh;position:relative;background:#04171f}.intro-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#04171f}.intro-canvas,.intro-static{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.intro-static{background:#04171f url(intro/sequence-hd/desktop/000.webp) center/cover no-repeat}.intro-canvas{z-index:1}.intro-text{position:absolute;z-index:2;color:#f8f5ed;pointer-events:none;opacity:0}.intro-text-one{top:40%;left:25%;width:50%;text-align:center;opacity:1}.intro-text-two{right:4%;top:36%;width:27%}.intro-text .intro-kicker{font-size:10px;letter-spacing:.18em;line-height:1.6;margin:0 0 25px;color:#c2d1d1}.intro-text .intro-kicker:before{content:"";display:inline-block;vertical-align:middle;background:#ff7526;width:7px;height:7px;border-radius:50%;margin-right:10px}.intro-text h1,.intro-text h2,.intro-text .intro-titre{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(54px,6.2vw,100px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px}.intro-text-two h2{font-size:clamp(40px,4.2vw,68px)}.intro-text h1 span,.intro-text h2 span,.intro-text .intro-titre span{color:#ff7526}.intro-text>p:last-child{font-size:15px;line-height:1.65;color:#d5dfdc}.intro-nav{position:absolute;z-index:3;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;color:#f8f5ed;font-size:12px}.intro-nav button{background:none;border:0;color:inherit;padding:10px}.intro-nav>div{display:flex;gap:18px;align-items:center}.intro-nav a{color:inherit;text-decoration:none;border-bottom:1px solid #f8f5ed88;padding:10px}.intro-nav [aria-current]{color:#ff7526}.intro-stage>.agency{position:absolute;inset:0;z-index:5;width:100%;max-width:none;background:#f8f5ed;clip-path:url(#intro-opening);visibility:hidden;padding:90px 3.5% 60px;overflow:hidden;min-height:0}.intro-stage>.agency .production{margin-top:0}.intro-stage>.agency .collage{max-height:73vh}.intro-stage>.agency .benefits{margin:28px 0}.intro-stage>.agency .benefit h2{margin-bottom:15px}.intro-stage>.agency .lead{font-size:clamp(16px,1.25vw,21px)}.intro-stage>.agency h1{font-size:clamp(35px,3.6vw,62px)}
/* L'écran d'ouverture portait un <h1> alors que le titre de la page est
   celui de la section « votre communication ». Deux <h1> brouillent la
   lecture d'un lecteur d'écran ; c'est devenu un <p>, l'allure ne change
   pas. (13/09) */
.intro-titre{margin:0}
/* Contact arrives as a real page section, not an unsolicited modal. */
.contact-journey{height:185vh;background:#f8f5ed;position:relative}.contact-stage{position:sticky;top:0;min-height:760px;height:100vh;display:grid;place-items:center;padding:7vh 4vw;overflow:hidden;background:var(--contact-ground,#f8f5ed)}.contact-panel{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6%;width:min(1360px,100%);padding:clamp(28px,4.5vw,70px);border:1px solid #92c1c149;border-radius:calc(30px - var(--contact-p,0)*16px);background:radial-gradient(ellipse at 95% 0%,#12546980,transparent 65%),#092b34;color:#f8f5ed;box-shadow:0 25px 65px #09273325;transform:translateY(calc((1 - var(--contact-p,0))*70px)) scale(calc(.88 + var(--contact-p,0)*.12));transform-origin:center;isolation:isolate}.contact-kicker{font-size:10px;letter-spacing:.21em;margin:0 0 30px}.contact-copy h2{font-size:clamp(37px,4.3vw,67px);line-height:1.04;letter-spacing:-.05em;margin:0 0 30px}.contact-copy h2 span{color:#ff7526}.contact-copy>p:not(.contact-kicker){font-size:clamp(16px,1.4vw,21px);line-height:1.5;max-width:490px}.contact-email{display:inline-block;margin-top:25px;color:#f8f5ed;text-decoration-color:#ff7526;text-underline-offset:7px;font-size:18px}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:13px}.contact-form label>span{display:contents;color:#c1d1d2}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #abc5c369;border-radius:7px;background:#ffffff06;color:#f8f5ed;padding:13px;font:inherit;outline:none;transition:border-color .25s,background .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff7526;background:#ffffff0b;box-shadow:0 0 0 2px #ff752620}.contact-form textarea{resize:vertical;min-height:115px;max-height:220px}.contact-form textarea::placeholder{color:#a7bebf}.contact-form>button{border:0;background:#ff7526;border-radius:7px;padding:16px;color:#10282e;font-weight:700;transition:background .25s,transform .25s}.contact-form>button:hover{background:#ff954d;transform:translateY(-2px)}.contact-note{font-size:11px;color:#b5cccc;margin:0}.contact-result{border:1px solid #77989b;border-radius:7px;padding:12px;font-size:13px}.contact-result p{margin:0 0 12px;line-height:1.5}.contact-result a{color:#f8f5ed;text-underline-offset:5px;text-decoration-color:#ff7526}.contact-loop{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff7526;stroke-width:3;pointer-events:none;opacity:calc(.75 - var(--contact-p,0)*.5)}.contact-loop path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--contact-line,0))}.site-footer{position:relative;z-index:1;display:block;background:#101719;color:#f8f5ed;padding:45px 5%;font-size:12px}.site-footer>div:first-child{display:flex;align-items:center;gap:25px}.site-footer img{height:48px;width:auto}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap;margin:35px 0}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-decoration-color:#ff7526;text-underline-offset:5px}.footer-end{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a9c8cc30;padding-top:25px;color:#b5c8c8}.site-footer #motion{background:none;color:inherit;border:0;border-bottom:1px solid #65858a;padding:6px;font-size:11px}@media(max-width:900px){.intro-journey{height:650vh}.intro-text-one{left:8%;width:84%;top:48%}.intro-text-one h1,.intro-text-one .intro-titre{font-size:13vw}.intro-text-two{top:18%;left:7%;right:auto;width:86%;text-align:center}.intro-text-two h2{font-size:11vw}.intro-text>p:last-child{font-size:13px}.intro-kicker{font-size:8px!important}.intro-nav{font-size:10px;gap:10px;bottom:18px}.intro-nav>div{gap:4px}.intro-nav>button{max-width:46%;text-align:left}.contact-journey{height:auto}.contact-stage{position:relative;height:auto;min-height:0;padding:70px 5% 45px}.contact-panel{grid-template-columns:1fr;gap:35px;padding:30px 24px;transform:none!important;border-radius:18px}.contact-copy h2{font-size:42px}.contact-copy>p:not(.contact-kicker){font-size:17px}.contact-email{font-size:16px;margin-top:12px}.contact-fields{grid-template-columns:1fr}.contact-loop{opacity:.5}.footer-end{align-items:flex-start;flex-direction:column}.site-footer>div:first-child{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.intro-journey{height:100svh}.intro-stage{position:relative;height:100svh}.intro-text-one{display:none}.intro-text-two{opacity:1!important}.intro-nav{display:none}.contact-journey{height:auto}.contact-stage{position:relative;height:auto}.contact-panel{transform:none!important}.contact-loop path{stroke-dashoffset:0}.contact-form>button{transition:none}}.collage .grid>div:after{content:"";position:absolute;inset:0;background:#101719;opacity:var(--source-ink,0);border-radius:0 0 calc(var(--source-ink,0)*12px) calc(var(--source-ink,0)*12px)}

.collage .caption>div{opacity:var(--ink-caption,1)}

/* The untouched passage resolves into the ivory page, without a colored portal. */
.intro-stage:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:#f8f5ed;opacity:var(--intro-white,0)}
.intro-stage>.agency{clip-path:none}@media(max-width:900px){.intro-stage:after{display:none}}@media(prefers-reduced-motion:reduce){.intro-stage:after{display:none}}@media(max-width:900px){.intro-static{background-image:url(intro/sequence-hd/mobile/000.webp);background-size:contain}}@media(max-width:900px) and (prefers-reduced-motion:no-preference){.intro-stage:after{display:block}.agency{position:relative;z-index:6;margin-top:-130vh;background:#f8f5ed}}
/* Liquid belongs to the expertise section; it cannot cover agency copy or cards. */
.expertises{background:#f8f5ed;padding-top:215px}.expert-ink-ground{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;fill:#101719}.expertises .back-lines{z-index:1}.expert-wrap{position:relative;z-index:2}@media(max-width:700px){.expertises{padding-top:205px}}@media(prefers-reduced-motion:reduce){.expertises{padding-top:75px}}
.expertises .back-lines{top:215px}