.ink-journey{height:calc(750vh + 240vh)}
.project-scene{position:absolute;inset:0;z-index:12;background:#f8f5ed;color:#092733;padding:5vh 4%;clip-path:circle(0px at 50% 50%);visibility:hidden;overflow:hidden}
.project-scene header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5vh}.project-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#e55e1b}.project-scene h2{font-size:clamp(30px,3.65vw,62px);letter-spacing:-.045em;margin:16px 0 0;line-height:1.05}.project-scene h2 span{color:#ff7526}.project-demo{font-size:9px;letter-spacing:.15em}.project-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:4%;height:65vh;align-items:center}.project-image{display:block;height:100%;border-radius:5px;background:url(assets/projets-reference.webp);background-size:153.682% 145.668%;background-position:9.386% 53.698%}.project-image:focus-visible{outline:3px solid #ff7526;outline-offset:4px}.project-number{color:#e65d1a;font-size:14px;font-weight:700}.project-copy h3{font-size:clamp(30px,3.2vw,52px);letter-spacing:-.03em;margin:18px 0 10px}.project-copy h4{font-size:clamp(16px,1.5vw,24px);margin:0 0 25px;font-weight:500}.project-copy h5{font-size:11px;letter-spacing:.12em;margin:25px 0 12px}.project-copy p{font-size:clamp(14px,1.18vw,19px);line-height:1.55;margin:0}.project-cta{display:inline-block;border:1px solid #125469;border-radius:40px;background:transparent;color:#125469;padding:15px 25px;font:inherit;text-decoration:none;margin-top:25px;transition:background .2s,color .2s}.project-cta:hover{background:#125469;color:#f8f5ed}.project-cta:focus-visible{outline:3px solid #ff7526;outline-offset:6px}
.project-copy small{display:block;margin-top:25px;font-size:9px;color:#73848a;letter-spacing:.13em}
.project-drop{position:absolute;z-index:14;left:50%;top:0;width:28px;height:46px;background:#f8f5ed;border-radius:65% 65% 60% 60%;transform:translate(-50%,-100px);visibility:hidden;box-shadow:inset 3px 2px 8px #fffdfb99;pointer-events:none}.project-wave{position:absolute;inset:0;width:100%;height:100%;z-index:13;pointer-events:none;visibility:hidden}.project-wave ellipse{fill:none;stroke:#d6cbb7;stroke-width:2}.project-scene header,.project-layout,.project-tabs{opacity:var(--project-content,0);transform:translateY(calc((1 - var(--project-content,0))*22px))}@media(max-width:700px){.ink-journey{height:calc(690vh + 240vh)}.project-scene{padding:5vh 6% 2vh}.project-demo{display:none}.project-scene h2{font-size:30px}.project-layout{grid-template-columns:1fr;gap:15px;height:auto}.project-image{height:31vh}.project-copy h3{font-size:27px;display:inline-block;margin:10px 0 0 12px}.project-copy h4{font-size:17px;margin:6px 0 12px}.project-copy h5{margin:12px 0 5px;font-size:9px}.project-copy p{font-size:12px;line-height:1.4}.project-cta{margin-top:14px;padding:12px 20px;font-size:13px}.project-copy small{margin-top:10px;font-size:8px}}@media(prefers-reduced-motion:reduce){.ink-journey{height:auto}.project-scene{position:relative;visibility:visible!important;clip-path:none!important;min-height:100svh;--project-content:1!important}.project-drop,.project-wave{display:none}.project-scene header,.project-layout,.project-tabs{opacity:1;transform:none}}
.project-copy-shell{position:relative;overflow:hidden;align-self:center}.project-copy-shell .project-copy{min-height:410px}.project-drop{background:radial-gradient(ellipse at 30% 28%,#fffef9 5%,#f8f5ed 58%,#dfd8c9 100%);box-shadow:inset -3px -4px 7px #b6aea133,inset 3px 3px 6px #fff9}@media(max-width:700px){.project-copy-shell .project-copy{min-height:220px}.project-image{height:28vh}}
.project-visual{height:100%;position:relative;min-width:0}.project-visual .project-image{height:100%}.project-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #fff8;background:#f8f5eddd;color:#103943;font:32px/1 Arial;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s,scale .2s}.project-arrow:hover{background:#fff;scale:1.08}.project-prev{left:18px}.project-next-arrow{right:18px}.project-under{position:absolute;top:100%;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:center;gap:18px}.project-dots{display:flex;gap:4px}.project-dots button{border:0;background:none;width:28px;height:36px;position:relative;padding:0}.project-dots button:before{content:"";position:absolute;inset:13px 9px;background:#c1c7c5;border-radius:50%;transition:background .3s,transform .3s}.project-dots button[aria-pressed=true]:before{background:#ff7526;transform:scale(1.2)}.project-under .project-pause{margin:0;border:0;background:none;font-size:16px;width:32px;height:36px;padding:0}.project-copy-shell{overflow:visible;padding-top:70px}.project-copy-shell .project-copy{min-height:0}@keyframes motif-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(7deg)}}.project-arrow:focus-visible,.project-dots button:focus-visible{outline:2px solid #ff7526;outline-offset:3px}.project-arrow[hidden],.project-under[hidden]{display:none}@media(max-width:700px){.project-visual{height:28vh;margin-bottom:42px}.project-layout{gap:12px}.project-arrow{width:38px;height:38px;font-size:27px}.project-prev{left:10px}.project-next-arrow{right:10px}.project-under{height:42px}.project-copy-shell{padding-top:0;padding-right:0}.project-copy-shell .project-copy{min-height:0}.project-copy h3{max-width:calc(100% - 85px);font-size:24px}.project-copy h4{margin-top:8px}}.client-references{background:#f8f5ed;padding:45px 0 55px;position:relative;overflow:hidden}.client-heading{margin:0 5% 25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #14394425;padding-top:28px}.client-heading span{font-size:11px;letter-spacing:.18em;color:#173b45}.client-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);clip-path:inset(0 0 100%);transform:translateY(18px);opacity:0;transition:clip-path 1s cubic-bezier(.2,.8,.2,1),transform 1s,opacity .65s}.client-references.entered .client-window{clip-path:inset(0);transform:none;opacity:1}.client-track{display:flex;width:max-content;animation:client-roll 48s linear infinite;animation-play-state:var(--clients-play,paused)}.client-track ul{display:flex;align-items:center;list-style:none;padding:0;margin:0}.client-track li{width:200px;height:94px;display:grid;place-items:center;padding:0 18px}.client-track img{width:164px;height:80px;object-fit:contain;filter:grayscale(1);opacity:.72;mix-blend-mode:multiply;transition:filter .25s,opacity .25s}.client-track li:hover img{filter:none;opacity:1}@keyframes client-roll{to{transform:translateX(-50%)}}@media(max-width:700px){.client-references{padding:28px 0 35px}.client-heading{margin-bottom:16px}.client-track li{width:155px;height:80px}.client-track img{width:130px;height:65px}}@media(prefers-reduced-motion:reduce){.client-window{clip-path:none;transform:none;opacity:1;overflow-x:auto}.client-track{animation:none}.client-track ul[aria-hidden]{display:none}}
.project-copy-shell{padding-top:0;overflow:visible}.project-bands{position:absolute;inset:-4px -7px;pointer-events:none;z-index:4;overflow:hidden}.project-bands i{position:absolute;left:0;width:100%;background:#ff7526;transform:scaleX(0);transform-origin:left}.client-heading{display:block;border:0;text-align:center;margin:0 5% 30px;padding:0}.client-heading h2{font-size:clamp(30px,3.65vw,62px);line-height:1.05;letter-spacing:-.045em;color:#092733;margin:0;font-weight:700}.client-heading h2 span{font-size:inherit;letter-spacing:inherit;color:#ff7526}.client-references{padding:38px 0 52px}.client-window{margin-top:24px}@media(max-width:700px){.client-heading h2{font-size:30px}.client-references{padding:26px 0 35px}.project-copy h3{max-width:none}}