*{box-sizing:border-box}html{scroll-behavior:smooth}/* LES LIENS — l'accueil n'avait AUCUNE règle de base pour eux : tout lien
   qu'une classe ne rattrapait pas sortait en BLEU de navigateur, souligné.
   C'était le cas des six titres de cartes d'expertise et du bloc image des
   projets, qui ne sont pas des liens à lire mais des surfaces à cliquer.
   Les trois liens qui veulent vraiment un souligné le redemandent ici. */
a{color:inherit;text-decoration:none}
.access-skip,.contact-email,.contact-draft{text-decoration:underline}
body{margin:0;background:#f8f5ed;color:#092733;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.preview{height:60px;background:#092733;color:#ecebe5;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:12px;letter-spacing:.06em}.preview button,footer button{border:1px solid #78939a;background:none;color:inherit;padding:9px 14px;border-radius:2px}main{background:radial-gradient(ellipse at 75% 20%,#fffdf7,transparent 65%),#f8f5ed}.agency{max-width:1800px;margin:auto;padding:70px 3.5% 75px;display:grid;grid-template-columns:60% 37%;gap:3%;align-items:center;min-height:690px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.19em;display:flex;align-items:center;gap:16px}.eyebrow i{width:39px;height:10px;background:#ff641e}h1{font-size:clamp(35px,4.05vw,69px);letter-spacing:-.055em;line-height:1.04;margin:22px 0 25px;font-weight:750}h1 em,.intro-titre em{font-style:normal;color:#ff641e}.lead{font-size:clamp(16px,1.34vw,23px);line-height:1.48;margin:0;max-width:98%;letter-spacing:-.022em}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 32px}.benefit{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:0 18px;outline-offset:7px;position:relative}.benefit:first-child{padding-left:0}.benefit:not(:first-child){border-left:1px solid #a7b0ae}.benefit svg{width:44px;stroke:#ff641e;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.benefit h2{font-size:clamp(16px,1.46vw,24px);line-height:1.15;margin:3px 0 22px;letter-spacing:-.04em}.benefit p{font-size:clamp(12px,1vw,17px);line-height:1.42;margin:0;letter-spacing:-.01em}.production{border-top:1px solid #9ba8a8;display:flex;gap:24px;padding-top:24px;align-items:center}.production svg{width:48px;flex-shrink:0;fill:none;stroke:#092733;stroke-width:3;stroke-linejoin:round}.production p{font-size:clamp(15px,1.32vw,22px);line-height:1.5;letter-spacing:-.025em;margin:0}.production strong{font-weight:700}.collage{aspect-ratio: .94;position:relative;perspective:1000px;isolation:isolate}.piece{position:absolute;opacity:0;transform:translateY(var(--from)) rotate(var(--angle));transition:opacity .7s ease var(--delay),transform 1.1s cubic-bezier(.16,1,.3,1) var(--delay)}.piece>div{height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s;will-change:transform;transform:translate(calc(var(--mx,0px)*var(--depth,1)),calc(var(--my,0px)*var(--depth,1)))}.orange{left:21%;top:0;width:27%;height:46%;--depth:.5}.orange>div{background:#ff641e}.backing{left:8%;top:35%;width:61%;height:54%;--depth:.3}.backing>div{background:#cfceca}.print{left:0;top:40%;width:59%;height:59%;--depth:.7}.photo{background-image:url(assets/reference.webp);background-size:538.26% 202.63%;background-position:74.67% 78.79%;background-repeat:no-repeat}.poster{left:33%;top:5%;width:45%;height:53%;z-index:5;--depth:1.2}.poster>div{background:#101b1c;background-image:linear-gradient(125deg,#ffffff08,transparent 45%),repeating-linear-gradient(113deg,transparent 0px,transparent 9px,#ffffff04 10px,transparent 12px);color:#fffbed;padding:18% 10%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 14px #142c3310;font-family:Georgia,serif;font-size:clamp(32px,4.3vw,74px);line-height:.91;letter-spacing:-.06em}.grid{left:65%;top:40%;width:35%;height:39%;--depth:.8}.grid>div{background:#eeede6d9}.grid svg{width:100%;height:100%;stroke:#586b7180;fill:none;stroke-width:.7}.grid .guides{stroke-width:.4}.labels{left:83%;top:9%;width:20%;--depth:.2}.labels>div,.caption>div{font-size:clamp(9px,.88vw,15px);line-height:1.9;letter-spacing:.19em;font-weight:500}.caption{left:69%;top:82%;width:33%;--depth:.2}.caption i{display:block;width:39px;height:10px;background:#ff641e;margin:18px 0 0 auto}.reveal{opacity:0;transform:translateY(27px);transition:opacity .65s ease var(--delay),transform .85s cubic-bezier(.16,1,.3,1) var(--delay)}.agency.entered .reveal,.agency.entered .piece{opacity:1;transform:translateY(0) rotate(0)}.hands{transform-origin:30px 30px;transition:transform .7s}.benefit:is(:hover,:focus-visible) .hands{transform:rotate(360deg)}.bar{transform-origin:50% 53px;transition:transform .55s}.benefit:is(:hover,:focus-visible) .b1{transform:scaleY(1.6)}.benefit:is(:hover,:focus-visible) .b2{transform:scaleY(.7)}.benefit:is(:hover,:focus-visible) .b3{transform:scaleY(.88)}.ring{transform-origin:28px 32px;transition:transform .6s}.arrow{transition:transform .6s}.benefit:is(:hover,:focus-visible) .ring{transform:scale(1.2)}.benefit:is(:hover,:focus-visible) .arrow{transform:translate(-3px,3px)}.poster:hover>div{transform:translateY(-9px) rotate(-2deg);box-shadow:0 20px 30px #142c3322}.print:hover>div{transform:translateY(-5px) rotate(1deg)}.agency.entered .grid circle{stroke-dasharray:630;animation:draw 1.9s ease .7s both}.grid:hover svg{transform:rotate(90deg);transition:transform 1.2s}footer{min-height:150px;background:#103e4b;color:#e9ece6;padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}@keyframes draw{from{stroke-dashoffset:630}to{stroke-dashoffset:0}}body.paused *,body.paused *:before{animation:none!important;transition:none!important}body.paused .piece>div{transform:none!important}@media(min-width:1700px){.agency{padding-top:85px;padding-bottom:85px}}@media(max-width:1000px){.agency{grid-template-columns:58% 39%;padding:50px 4%}.benefit{grid-template-columns:1fr;gap:8px;padding:0 12px}.benefit h2{margin-bottom:13px}.benefit svg{width:33px}.benefits{margin:30px 0}.production{gap:16px}.production svg{width:35px}.labels{left:81%}.desktop{display:none}}@media(max-width:700px){.preview{font-size:9px}.preview button{font-size:10px;padding:8px}.agency{display:flex;flex-direction:column;padding:42px 6% 45px;gap:40px;min-height:0}h1{font-size:clamp(29px,6.5vw,45px);line-height:1.1;margin:22px 0}.eyebrow{font-size:9px}.lead{font-size:16px}.benefits{margin:30px 0;gap:0}.benefit{padding:0 10px}.benefit h2{font-size:15px}.benefit p{font-size:12px}.production p{font-size:15px}.collage{width:95%;max-width:480px}.poster>div{font-size:clamp(40px,11vw,65px)}.labels>div,.caption>div{font-size:9px}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.reveal,.piece{opacity:1;transform:none}.piece>div{transform:none!important}}
.expertises{background:#101719;color:#f9f6ec;position:relative;isolation:isolate;overflow:hidden;padding:75px 3.5% 35px}.expert-wrap{max-width:1660px;margin:auto;position:relative;z-index:2}.expert-header{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 4% 35px}.expert-eyebrow{font-size:11px;letter-spacing:.15em;display:flex;align-items:center;gap:17px}.expert-eyebrow i{height:7px;width:25px;background:#ff671d;transform-origin:left;transition:transform .85s}.expert-header h2{font-size:clamp(37px,4.3vw,69px);letter-spacing:-.055em;line-height:1.02;margin:22px 0 0}.expert-header em{font-style:normal;color:#ff7526}.expert-header p{font-size:clamp(15px,1.32vw,21px);line-height:1.45;max-width:380px;letter-spacing:-.01em}.expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expert-card{position:relative;isolation:isolate;aspect-ratio:1.22;border:0;padding:0;overflow:hidden;text-align:left;background:#173139;color:#fffaf0;border-radius:0;display:block;cursor:pointer;opacity:0;transform:translateY(55px);transition:opacity .8s ease calc(var(--order)*90ms),transform 1s cubic-bezier(.16,1,.3,1) calc(var(--order)*90ms);-webkit-tap-highlight-color:transparent}.expert-card:focus-visible{outline:3px solid #ff671d;outline-offset:4px}.card-art{position:absolute;inset:0;background-image:var(--image,url(assets/expertises-reference.webp));background-size:var(--image-size);background-position:var(--image-pos);background-repeat:no-repeat;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);clip-path:inset(0 0 16% 0)}.expert-card:after{content:"";position:absolute;inset:65% 0 0;z-index:0;background:linear-gradient(transparent,#102022 75%);pointer-events:none}.shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,#07131722 55%,#071317df);z-index:1}.liquid-clip{position:absolute;inset:0;z-index:2;pointer-events:none}.liquid{position:absolute;left:var(--lx,50%);top:var(--ly,60%);width:var(--diameter,1200px);height:var(--diameter,1200px);margin-left:calc(var(--diameter,1200px)/-2);margin-top:calc(var(--diameter,1200px)/-2);border-radius:43% 57% 54% 46% / 55% 44% 56% 45%;transform:scale(0) rotate(-18deg);background:radial-gradient(ellipse at 30% 25%,#387787e0,#125469f2 55%,#093a48fa);box-shadow:inset 1px 2px 2px #87dbe166,inset -1px -3px 6px #032d3980;transition:transform .78s cubic-bezier(.2,.65,.2,1),border-radius 1.1s;will-change:transform}.tone-orange .liquid{background:radial-gradient(ellipse at 32% 28%,#ff9836e8,#ff711fea 53%,#f95b19f5);box-shadow:inset 1px 2px 2px #ffe4a655,inset -1px -3px 5px #a7411240}.expert-card.active .liquid{transform:scale(1) rotate(8deg);border-radius:52% 48% 46% 54% / 44% 56% 44% 56%}.expert-card.active .card-art{transform:scale(1.035)}.card-content{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:30px 1fr;column-gap:13px;align-items:center;align-content:end;padding:0 6% 7%;transition:color .28s .1s}.card-content svg{width:28px;height:30px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-title{font-weight:650;font-size:clamp(15px,1.47vw,24px);letter-spacing:-.025em;line-height:1.2}.card-title::after{content:"";position:absolute;inset:0;z-index:1}.card-title:focus-visible{outline:3px solid #ff671d;outline-offset:4px}.card-description{grid-column:2;font-size:clamp(13px,1.07vw,17px);line-height:1.4;max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .5s,margin .5s;margin-top:0;font-weight:400}.expert-card.active .card-description{max-height:130px;opacity:1;transform:translateY(0);margin-top:12px;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .4s .2s,transform .5s .1s,margin .5s}.expert-card.tone-orange.active .card-content{color:#13262b}.expert-header>div,.expert-header>p{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1)}.expert-header>p{transition-delay:.15s}.expertises.entered .expert-header>div,.expertises.entered .expert-header>p,.expertises.entered .expert-card{opacity:1;transform:translateY(0)}.back-lines{position:absolute;inset:-100px -10%;opacity:.18;pointer-events:none;background:radial-gradient(ellipse at 15% 20%,#175c6230,transparent 45%)}.back-lines:before,.back-lines:after{content:"";position:absolute;width:110vw;height:110vw;border:1px solid #63acb1;border-radius:50%;left:15%;top:-70vw;transform:translateY(var(--drift,0px))}.back-lines:after{left:-70%;top:-42vw;width:85vw;height:85vw}.expert-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;color:#9cafb0;font-size:12px}.expert-foot button{font-size:12px;color:#ccd7d4;background:none;border:0;border-bottom:1px solid #718a8e;padding:7px 0}footer{min-height:90px}.expertises~footer{background:#101719}@media(max-width:1000px){.expert-header{margin-left:0;margin-right:0}.card-content{column-gap:9px;grid-template-columns:24px 1fr}.card-content svg{width:22px}.card-title{font-size:16px}.card-description{font-size:13px}.expert-grid{gap:12px}.expert-card{aspect-ratio:1}}@media(max-width:700px){.expertises{padding:45px 6% 110px}.expert-header{display:block;margin-bottom:25px}.expert-header h2{font-size:39px}.expert-header p{font-size:15px;margin-top:22px}.expert-header p br{display:none}.expert-grid{grid-template-columns:1fr;gap:18px}.expert-card{aspect-ratio:1.14}.card-title{font-size:21px}.card-description{font-size:15px}.card-content{grid-template-columns:26px 1fr}.card-content svg{width:25px}.expert-foot{align-items:flex-start;font-size:11px}.expert-foot span{max-width:45%}.expert-eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.expert-card,.expert-header>div,.expert-header>p{opacity:1;transform:none}.liquid{transition:none;will-change:auto}}@media(hover:none){.card-description{max-height:120px;opacity:1;transform:none;margin-top:9px}.shade{background:linear-gradient(transparent,#071317e8)}.card-content{padding-bottom:7%}.expert-card:after{inset:55% 0 0}}

main{position:relative}.transition-mark{position:fixed;left:0;top:0;background:#ff641e;pointer-events:none;z-index:4;transform-origin:0 0;will-change:transform;width:1px;height:1px;display:none}.agency.bridge-running .orange{visibility:hidden}.expertises.bridge-running .expert-eyebrow i{visibility:hidden}.preview{gap:12px}.preview span{margin-right:auto}.expert-eyebrow i{background:#ff641e}@media(max-width:700px){.preview{flex-wrap:wrap;height:auto;min-height:65px;padding-top:10px;padding-bottom:10px;gap:8px}.preview span{width:100%}.preview button{padding:6px 10px}.transition-mark{z-index:4}}@media(prefers-reduced-motion:reduce){.transition-mark{display:none!important}.agency.bridge-running .orange,.expertises.bridge-running .expert-eyebrow i{visibility:visible}}

.ink-journey{height:270vh;position:relative;background:#f6f2e8}.ink-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#f6f2e8}.ink-paper{position:absolute;left:8%;top:26%;color:#12333e;opacity:var(--paper-opacity,1);transform:translateY(var(--paper-y,0px))}.ink-paper>span,.ink-copy>span{font-size:11px;letter-spacing:.22em}.ink-paper h2{font-size:clamp(42px,5.6vw,85px);letter-spacing:-.05em;line-height:1.03;margin:25px 0}.ink-paper p{font-size:19px;line-height:1.6}.ink-defs{position:absolute;width:0;height:0}.ink-reveal{position:absolute;inset:0;clip-path:url(#ink-cut);background:#101719;will-change:clip-path}.ink-tone{position:absolute;inset:0;background:linear-gradient(90deg,#101719 0%,#101719e8 24%,#1017198f 48%,#10171912 80%),linear-gradient(0deg,#101719,transparent 32%,#10171988);opacity:var(--picture-opacity,0)}.ink-copy{position:absolute;left:8%;top:50%;width:36%;max-width:530px;transform:translateY(calc(-50% + var(--copy-y,24px)));color:#faf5e9;opacity:var(--copy-opacity,0)}.ink-copy>span{color:#ff9a59}.ink-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.04;letter-spacing:-.045em;margin:25px 0}.ink-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.6;color:#e0e2dc}.ink-edge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ink-edge path{fill:none;stroke:#125469;stroke-width:1.2;opacity:.45;vector-effect:non-scaling-stroke}.ink-controls{position:absolute;left:4%;right:4%;top:25px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:var(--control-color,#213b42);font-size:9px;letter-spacing:.16em}.ink-controls button{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font-size:11px;color:inherit}.ink-scroll{position:absolute;bottom:27px;left:8%;font-size:10px;letter-spacing:.13em;color:var(--control-color,#213b42);opacity:.65}@media(max-width:700px){.ink-journey{height:240vh}.ink-paper{top:30%;left:7%;right:7%}.ink-paper h2{font-size:44px}.ink-paper p{font-size:16px}.ink-copy{left:7%;width:86%;top:50%;max-width:none}.ink-copy h2{font-size:43px}.ink-copy p{font-size:15px}.ink-tone{background:linear-gradient(90deg,#101719b8,#10171965)}.ink-controls{left:7%;right:7%;gap:20px;font-size:8px;letter-spacing:.08em}.ink-controls button{font-size:10px}.ink-scroll{left:7%}}@media(prefers-reduced-motion:reduce){.ink-journey{height:100svh}.ink-reveal{clip-path:none}.ink-paper,.ink-edge{display:none}.ink-picture,.ink-tone,.ink-copy{opacity:1;transform:none}.ink-copy{transform:translateY(-50%)}.ink-controls,.ink-scroll{color:#faf5e9}}

.ink-journey{height:540vh}.ink-paper{left:7%;right:7%;top:50%;text-align:center;transform:translateY(calc(-50% + var(--paper-y,0px)))}.ink-paper h2{font-size:clamp(46px,6vw,88px)}.ink-conception{position:absolute;inset:0;clip-path:url(#opening-cut);background:#f4eee1;will-change:clip-path}.conception-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f5f0e6 0%,#f5f0e6f5 25%,#f5f0e68f 47%,transparent 72%),linear-gradient(0deg,#f5f0e6b8,transparent 35%)}.conception-copy{position:absolute;left:8%;top:50%;width:37%;max-width:550px;transform:translateY(calc(-50% + var(--conception-y,20px)));opacity:var(--conception-opacity,0);color:#13323b}.conception-copy>span{font-size:11px;letter-spacing:.2em;color:#ab491e}.conception-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.04;letter-spacing:-.045em;margin:24px 0}.conception-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.6;color:#28424a}.conception-swatches{display:flex;gap:12px;margin-top:25px}.conception-swatches i{width:43px;height:8px;background:#ff7526}.conception-swatches i:nth-child(2){background:#125469}.conception-swatches i:nth-child(3){background:#c8bb9d}.ink-steps{position:absolute;bottom:22px;right:5%;left:5%;display:flex;gap:25px;justify-content:center;z-index:4}.ink-steps button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--control-color,#213b42);font-size:11px;opacity:.5}.ink-steps button[aria-current]{opacity:1;border-bottom-color:#ff7526}.ink-steps button:focus-visible{outline:2px solid #ff7526;outline-offset:4px}.ink-scroll{bottom:76px;left:0;right:0;text-align:center;font-size:9px}.ink-controls{color:var(--control-color,#213b42)}@media(max-width:700px){.ink-journey{height:520vh}.ink-paper{top:50%;left:7%;right:7%;transform:translateY(calc(-50% + var(--paper-y,0px)))}.ink-paper h2{font-size:43px}.conception-wash{background:#f5f0e67a}.conception-copy{left:8%;width:84%}.conception-copy h2{font-size:41px}.conception-copy p{font-size:15px}.ink-steps{gap:22px;bottom:20px}.ink-steps button{font-size:10px}.ink-copy{top:48%}.ink-copy h2{font-size:41px}.ink-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){.ink-journey{height:auto}.ink-stage{position:relative;height:auto}.ink-paper{position:relative;left:auto;right:auto;top:auto;transform:none!important;opacity:1!important;padding:100px 7%;min-height:75vh;display:block}.ink-reveal,.ink-conception{position:relative;inset:auto;clip-path:none!important;min-height:90vh}.ink-copy,.conception-copy{position:relative;left:auto;top:auto;width:auto;max-width:650px;margin:auto;padding:100px 8%;transform:none!important;opacity:1!important}.ink-picture,.ink-tone{opacity:1!important}.ink-controls,.ink-steps,.ink-scroll,.ink-edge{display:none}}
.ink-controls{color:#f5f0e6;mix-blend-mode:difference}.ink-steps button{opacity:.75}.ink-steps button[aria-current]{opacity:1}.ink-scroll{color:#718084;opacity:1}

.next-tongue{position:absolute;right:0;top:0;bottom:0;width:clamp(46px,6vw,88px);background:#f5f0e6;color:#14333b;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;opacity:var(--tongue-opacity,0);transform:translateX(var(--tongue-x,0px));pointer-events:none}.next-tongue span{font-size:42px;letter-spacing:-.05em}.next-tongue b{writing-mode:vertical-rl;font-size:10px;font-weight:500;letter-spacing:.22em}.ink-conception{z-index:1}.ink-controls{z-index:5}.ink-steps{z-index:5}.ink-scroll{z-index:5}@media(max-width:700px){.next-tongue{width:43px}.next-tongue span{font-size:29px}.next-tongue b{font-size:9px}.ink-copy{width:76%;left:7%}.ink-copy h2{font-size:38px}.ink-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){.next-tongue{display:none}.ink-copy{width:auto}}

.ink-journey{height:750vh}.ink-realisation{position:absolute;inset:0;clip-path:url(#realisation-cut);background:#125469;z-index:3;will-change:clip-path}.realisation-photo{position:absolute;inset:0;background:url(assets/realisation-provisoire.webp) center/cover;opacity:var(--real-photo-opacity,0);transform:scale(var(--real-scale,1.025));mask-image:linear-gradient(90deg,transparent,#000 42%)}.realisation-tone{position:absolute;inset:0;background:linear-gradient(90deg,#10333e 0%,#10333eee 24%,#10333e9c 48%,#10333e08 80%),linear-gradient(0deg,#101e25cf,transparent 40%);opacity:var(--real-photo-opacity,0)}.realisation-copy{position:absolute;left:8%;top:50%;width:37%;max-width:550px;transform:translateY(calc(-50% + var(--real-copy-y,20px)));opacity:var(--real-copy-opacity,0);color:#faf5e9}.realisation-copy>span{font-size:11px;letter-spacing:.2em;color:#ff9b5c}.realisation-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.04;letter-spacing:-.045em;margin:24px 0}.realisation-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.6;color:#e0e6df}.third-tongue{position:absolute;left:0;right:0;top:0;height:78px;background:#125469;color:#faf5e9;z-index:4;display:flex;align-items:center;justify-content:center;gap:17px;opacity:var(--third-tongue-opacity,0);transform:translateY(var(--third-tongue-y,0px));pointer-events:none}.third-tongue span{font-size:30px;letter-spacing:-.05em}.third-tongue b{font-size:10px;font-weight:500;letter-spacing:.22em}.ink-steps{z-index:6}.ink-controls{z-index:6}.ink-scroll{z-index:6}@media(max-width:700px){.ink-journey{height:690vh}.third-tongue{height:72px}.third-tongue span{font-size:25px}.realisation-copy{left:7%;width:86%;top:49%}.realisation-copy h2{font-size:40px}.realisation-copy p{font-size:15px}.realisation-photo{opacity:calc(var(--real-photo-opacity,0)*.45);mask-image:none}.realisation-tone{background:#10333e80}.ink-steps{gap:17px;left:5%;right:5%}.ink-steps button{font-size:9px}.ink-controls{top:14px}.ink-controls>span{max-width:100px}.third-tongue{justify-content:center}.third-tongue b{font-size:9px}}@media(prefers-reduced-motion:reduce){.ink-journey{height:auto}.ink-realisation{position:relative;clip-path:none!important;min-height:90vh}.realisation-photo,.realisation-tone{opacity:1!important}.realisation-copy{position:relative;left:auto;top:auto;max-width:650px;width:auto;margin:auto;padding:100px 8%;transform:none!important;opacity:1!important}.third-tongue{display:none}}

.third-tongue{top:auto;bottom:0}.ink-steps{bottom:calc(22px + var(--footer-lift,0px))}.ink-scroll{bottom:calc(76px + var(--footer-lift,0px))}@media(max-width:700px){.ink-steps{bottom:calc(20px + var(--footer-lift,0px))}}

.conception-live{position:absolute;left:48%;right:1%;top:9%;bottom:11%;overflow:hidden;z-index:1;--live-play:paused}.live-art{width:100%;height:100%;overflow:visible}.conception-wash{z-index:0;background:radial-gradient(ellipse at 76% 46%,#fffdf255,transparent 58%)}.conception-copy{z-index:2}.live-meta{position:absolute;top:1%;left:15%;right:10%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#507078}.live-pause{position:absolute;right:12%;bottom:1%;background:none;color:#526b70;border:0;border-bottom:1px solid #526b7066;padding:8px 0;font-size:10px;cursor:pointer;pointer-events:auto}.live-guides path,.live-guides circle{stroke-dasharray:1;animation:trace-cycle 18s linear infinite}.letter-composition{animation:letter-cycle 18s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:50% 50%}.ink-orb{animation:orb-cycle 18s cubic-bezier(.4,0,.2,1) infinite;transform-origin:420px 290px}.anchors{animation:anchor-cycle 18s linear infinite}.type-detail{animation:detail-cycle 18s ease infinite}.palette-one,.palette-two,.palette-three{animation:palette-cycle 18s cubic-bezier(.2,.8,.2,1) infinite;transform-box:fill-box;transform-origin:bottom}.palette-two{animation-delay:.3s}.palette-three{animation-delay:.6s}.live-underline{stroke-dasharray:1;animation:underline-cycle 18s linear infinite}.conception-live *{animation-play-state:var(--live-play)!important}.live-pause:focus-visible{outline:2px solid #ff7526;outline-offset:5px}@keyframes trace-cycle{0%,3%{stroke-dashoffset:1;opacity:0}6%{opacity:1}24%,82%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:-1;opacity:0}}@keyframes letter-cycle{0%,12%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(20px)}30%,86%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}97%,100%{opacity:0;clip-path:inset(0 0 0 0);transform:translateX(-14px)}}@keyframes orb-cycle{0%,8%{opacity:0;transform:translate(45px,25px) scale(.75) rotate(-9deg)}25%,38%{opacity:.93;transform:translate(0,0) scale(1) rotate(0)}60%,78%{opacity:.93;transform:translate(-23px,12px) scale(.93,1.04) rotate(11deg)}95%,100%{opacity:0;transform:translate(-35px,10px) scale(.82) rotate(15deg)}}@keyframes anchor-cycle{0%,20%{opacity:0}28%,72%{opacity:1}88%,100%{opacity:0}}@keyframes detail-cycle{0%,30%{opacity:0;transform:translateY(8px)}42%,82%{opacity:.75;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(-5px)}}@keyframes palette-cycle{0%,36%{opacity:0;transform:translateY(20px) scaleY(.5)}49%,83%{opacity:1;transform:translateY(0) scaleY(1)}97%,100%{opacity:0;transform:translateY(-8px) scaleY(1)}}@keyframes underline-cycle{0%,46%{stroke-dashoffset:1;opacity:0}50%{opacity:1}62%,82%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:-1;opacity:0}}@media(max-width:700px){.conception-live{left:27%;right:-16%;top:24%;bottom:8%;opacity:.15;pointer-events:none}.live-meta,.live-pause{display:none}.conception-wash{background:#f5f0e6a6}.conception-copy{width:84%}}@media(prefers-reduced-motion:reduce){.conception-live *{animation:none!important}.live-guides path,.live-guides circle,.live-underline{stroke-dashoffset:0}.live-pause{display:none}}
.live-pause{bottom:auto;top:4%;right:10%}.production-live-controls{position:absolute;right:5%;bottom:110px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:12px;opacity:var(--real-copy-opacity,0);visibility:var(--production-controls,hidden);color:#e5e9dd}.production-phase{font-size:10px;letter-spacing:.2em}.production-pause{border:0;border-bottom:1px solid #e5e9dd70;padding:7px 0;background:none;color:inherit;font-size:10px;cursor:pointer}.production-live-controls small{font-size:8px;letter-spacing:.17em;opacity:.55}.production-pause:focus-visible{outline:2px solid #ff7526;outline-offset:5px}.realisation-copy{z-index:2}.realisation-tone{z-index:1}@keyframes material-drift{0%,100%{transform:scale(1.025) translateY(0)}50%{transform:scale(1.035) translateY(-7px)}}@keyframes print-reveal{0%,12%{clip-path:inset(100% 0 0 0);transform:scale(1.025)}38%,82%{clip-path:inset(0 0 0 0);transform:scale(1.035)}96%,100%{clip-path:inset(0 0 100% 0);transform:scale(1.025)}}@keyframes finish-pass{0%,36%{transform:translateX(-95%);opacity:0}44%{opacity:.9}65%{transform:translateX(60%);opacity:.8}77%,100%{transform:translateX(85%);opacity:0}}@keyframes shadow-pass{0%,38%{transform:translateX(-100%);opacity:0}45%{opacity:.5}68%{transform:translateX(70%);opacity:.5}80%,100%{transform:translateX(100%);opacity:0}}@keyframes registration-pass{0%,4%{opacity:0}10%,25%{opacity:.5}39%,100%{opacity:0}}@media(max-width:700px){.production-live-controls{bottom:104px;right:7%;gap:6px}.production-live-controls small{display:none}.production-phase{font-size:8px}.production-pause{font-size:9px}.realisation-tone{background:#10333ea6}}@media(prefers-reduced-motion:reduce){.production-live-controls{display:none}}

.realisation-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}.realisation-tone{background:linear-gradient(90deg,rgba(2,17,22,.94) 0%,rgba(2,17,22,.78) 33%,rgba(2,17,22,.15) 68%,transparent 100%)!important}.production-phase{display:none}.production-live-controls small{opacity:.6}@media(max-width:700px){.realisation-video{object-position:65% center}.realisation-tone{background:linear-gradient(90deg,rgba(2,17,22,.91),rgba(2,17,22,.5))!important}}

/* Each shade is confined to its own background layer. */
.realisation-media,.brief-media{position:absolute;inset:0;z-index:0;isolation:isolate;pointer-events:none;overflow:hidden}
.realisation-media .realisation-tone,.brief-media .ink-tone{z-index:1}
.ink-copy,.realisation-copy{z-index:2;isolation:isolate;filter:none;mix-blend-mode:normal}
.ink-copy p,.realisation-copy p{color:#faf5e9}
.brief-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brief-media .ink-tone{background:linear-gradient(90deg,#09181bec 0%,#09181bc9 32%,#09181b33 59%,transparent 80%)}
.brief-pause{position:absolute;right:11%;bottom:110px;z-index:2;background:none;color:#faf5e9;border:0;border-bottom:1px solid #faf5e988;padding:8px 0;font-size:10px;visibility:var(--brief-controls,hidden)}@media(max-width:700px){.brief-video{object-position:65% center}.brief-media .ink-tone{background:#09181bbf}.brief-pause{right:7%;bottom:105px}}

/* Voile uniforme sur les films, sous les textes et commandes. */
.brief-media::after,.realisation-media::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.42);pointer-events:none}