:root{--navy:#0B2545;--gold:#D6A94A;--paper:#FBFAF8;--p:0}html{scroll-padding-top:125px}body{background:var(--paper)}.chooser{position:fixed;inset:0 0 auto;height:48px;z-index:100;background:var(--paper);color:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #0b25451a;font:11px Arial,sans-serif;letter-spacing:.06em}.chooser>div{display:flex;gap:6px}.chooser button{font:inherit;cursor:pointer;border:1px solid #0b25452b;background:transparent;color:var(--navy);padding:9px 13px;border-radius:2px}.chooser button[aria-pressed=true]{background:var(--navy);color:var(--paper);border-color:var(--navy)}.chooser button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.site-header{position:absolute;top:48px;left:0;width:100%;max-width:none;z-index:20;border:0;padding:0 7%;color:var(--paper)}.site-header nav{color:inherit}.site-header .brand{width:172px;position:relative}.logo-dark{display:none!important}.site-header.light{color:var(--navy)}.site-header.light .logo-light{display:none}.site-header.light .logo-dark{display:block!important}.site-header nav a:hover{color:var(--gold)}.journey{height:370vh;position:relative;background:var(--navy)}.stage{height:calc(100svh - 48px);position:sticky;top:48px;overflow:hidden;isolation:isolate}.desk{position:absolute;inset:0;background:url('assets/bureau.jpg') center/cover no-repeat}.ocean-window{position:absolute;overflow:hidden;will-change:top,left,width,height;inset:0;background:var(--navy)}.water{position:absolute;inset:-2%;background:url('assets/ocean.jpg') center/cover no-repeat;transform:scale(1.04);will-change:transform}.water-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2545b8,transparent 80%),linear-gradient(0deg,#0b254580,transparent 35%)}.scene-copy{position:absolute;top:28%;left:8%;max-width:820px;color:var(--paper);will-change:transform,opacity}.scene-copy .eyebrow{color:var(--gold);font-size:11px;max-width:520px}.scene-copy h1{color:var(--paper);font-weight:400;font-size:clamp(42px,6vw,92px);letter-spacing:-.055em;line-height:1.02}.scene-copy>p:last-child{font-size:clamp(16px,1.5vw,22px);margin-top:30px;line-height:1.6}.destination{position:absolute;left:7%;bottom:10%;padding:26px;max-width:440px;background:#fbfaf8ed;opacity:0;transform:translateY(30px);box-shadow:0 15px 60px #0b254512}.destination .eyebrow{font-size:10px;margin-bottom:17px}.destination h2{font-size:clamp(32px,3.3vw,52px)}.destination p{font-size:15px}.destination .button{padding:12px 16px}.scroll-cue{position:absolute;bottom:6%;left:8%;display:flex;gap:18px;align-items:center;color:var(--paper);font-size:10px;letter-spacing:.12em}.scroll-cue>span{border:1px solid #fbfaf87a;border-radius:30px;padding:15px 10px;font-size:20px}.scroll-cue small{display:block;font-size:10px;letter-spacing:0;opacity:.7;margin-top:9px}.chapter{position:absolute;right:7%;bottom:6%;display:flex;gap:14px;color:var(--paper);font-size:11px;letter-spacing:.08em}.chapter>span:first-child{color:var(--gold)}.progress-rail{position:fixed;right:22px;top:25%;height:50%;z-index:30;display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--gold);font-size:9px;pointer-events:none}.progress-rail>div{height:100%;width:1px;background:#d6a94a45;position:relative}.progress-rail i{position:absolute;top:0;width:1px;background:var(--gold);height:0}.progress-rail b{position:absolute;left:-3px;width:7px;height:7px;top:0;border-radius:100%;background:var(--gold);box-shadow:0 0 16px #d6a94a80}.gold-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.gold-thread path{fill:none;stroke:var(--gold);stroke-width:2}.thread-base{opacity:.15}#thread{filter:drop-shadow(0 0 5px #d6a94a)}.papers{position:absolute;inset:0;pointer-events:none;opacity:0}.paper{position:absolute;top:35%;width:205px;height:230px;background:#fbfaf8f2;color:var(--navy);padding:25px;box-shadow:0 20px 60px #0003;border-top:2px solid var(--gold);will-change:transform}.paper small{font-size:9px;letter-spacing:.12em}.paper strong{display:block;margin:25px 0;font-size:21px;font-weight:400}.paper i{display:block;height:1px;background:#0b254530;margin:14px 0}.paper i:last-child{width:60%}.paper:nth-child(1){left:48%;transform:rotate(-14deg)}.paper:nth-child(2){left:65%;top:20%;transform:rotate(12deg)}.paper:nth-child(3){left:76%;top:52%;transform:rotate(-9deg)}body[data-mode='2'] .gold-thread,body[data-mode='2'] .papers{opacity:1}body[data-mode='2'] .destination{bottom:8%;max-width:440px}body[data-mode='3'] .destination{background:transparent;box-shadow:none;color:var(--paper);max-width:750px;left:6%;bottom:22%}body[data-mode='3'] .destination h2{color:var(--paper);font-size:clamp(45px,6vw,85px)}body[data-mode='3'] .destination .eyebrow{color:var(--gold)}body[data-mode='3'] .destination .button{background:var(--gold);color:var(--navy)}body[data-mode='3'] .scene-copy{background:#0b2545c9;padding:28px;max-width:620px;top:27%}body[data-mode='3'] .scene-copy h1{font-size:clamp(40px,4.5vw,66px)}.sectors{position:relative;z-index:2}.about-visual{min-width:0}.about .portrait{max-width:100%}footer{padding-right:7%}
@media(max-width:760px){.chooser{height:80px;padding:8px 12px;flex-wrap:wrap;gap:5px}.chooser>span{font-size:9px}.chooser>div{order:3;width:100%;justify-content:center}.chooser button{font-size:10px;padding:8px}.site-header{top:80px;padding:0 6%;gap:0}.site-header .brand{width:140px}.site-header nav{font-size:11px;gap:14px;justify-content:flex-end;width:auto}.site-header nav .nav-contact{display:none}.stage{height:calc(100svh - 80px);top:80px}.journey{height:330vh}.scene-copy{left:7%;right:10%;top:27%}.scene-copy h1{font-size:clamp(36px,9vw,62px)}.scene-copy .eyebrow{font-size:9px;line-height:1.7}.scene-copy>p:last-child{font-size:16px}.scroll-cue{left:7%;font-size:8px;bottom:7%}.scroll-cue small{font-size:9px}.chapter{right:9%;bottom:3%;font-size:9px}.progress-rail{right:10px;height:40%}.destination{left:5%;right:8%;bottom:5%;padding:20px;max-width:350px}.destination h2{font-size:32px}.destination p{font-size:13px}.destination .button{font-size:12px}.paper{width:130px;height:165px;padding:16px}.paper strong{font-size:16px;margin:20px 0}.paper small{font-size:7px}.paper:nth-child(1){left:5%;top:48%}.paper:nth-child(2){left:38%;top:55%}.paper:nth-child(3){left:70%;top:44%}body[data-mode='2'] .destination{bottom:8%}body[data-mode='3'] .scene-copy{left:5%;max-width:80%;padding:20px}body[data-mode='3'] .scene-copy h1{font-size:38px}body[data-mode='3'] .destination{bottom:25%;left:5%}body[data-mode='3'] .destination h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.journey{height:160vh}.water{transform:none!important}html{scroll-behavior:auto}}

.site-header{position:fixed;background:linear-gradient(#0b25454d,transparent)}.site-header.light{background:linear-gradient(#fbfaf8b8,transparent)}.site-header.past{background:#fbfaf8f2;backdrop-filter:blur(12px)}
.water{animation:ocean-drift 18s ease-in-out infinite alternate;transform-origin:55% 45%}.caustics{position:absolute;inset:-20%;pointer-events:none;opacity:.22;background:repeating-conic-gradient(from 165deg at 60% -20%,transparent 0deg 7deg,#a4e7eb50 9deg,transparent 12deg 21deg);mix-blend-mode:screen;filter:blur(12px);animation:sunlight 12s ease-in-out infinite alternate}#ocean-life{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.motion-toggle{position:absolute;right:7%;bottom:11%;color:var(--paper);border:1px solid #fbfaf866;background:#0b254575;padding:9px 12px;font:10px Arial,sans-serif;cursor:pointer;z-index:5}.motion-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.motion-paused .water,.motion-paused .caustics{animation-play-state:paused}.gold-thread{z-index:2}.scene-copy,.destination,.papers{z-index:3}.gold-thread path{stroke-width:2.2}.thread-base{opacity:.24}#thread{filter:drop-shadow(0 0 7px #d6a94ac0)}.experience p{font-size:.85rem;max-width:240px}.experience{gap:16px}
@keyframes ocean-drift{0%{transform:scale(var(--zoom,1.06)) translate(-.8%,.4%) rotate(-.3deg)}50%{filter:brightness(1.06) saturate(1.04)}100%{transform:scale(calc(var(--zoom,1.06) + .045)) translate(.8%,-.5%) rotate(.3deg)}}
@keyframes sunlight{from{transform:translateX(-2%) rotate(-3deg);opacity:.12}to{transform:translateX(3%) rotate(3deg);opacity:.3}}
@media(max-width:760px){.motion-toggle{right:9%;bottom:10%;font-size:9px;padding:8px}.experience p{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.water,.caustics{animation:none}.caustics{opacity:.12}}
/* Trois propositions éditoriales, même identité JELUNA. */
.scene-copy,body[data-mode='3'] .scene-copy{top:28%;left:7%;max-width:52%;padding:0;background:none}.scene-copy h1,body[data-mode='3'] .scene-copy h1{font-size:clamp(38px,4.7vw,72px);line-height:1.07;letter-spacing:-.045em}.scene-copy>p:last-child{font-size:clamp(15px,1.4vw,20px);max-width:620px;line-height:1.65}.scene-copy .eyebrow{max-width:600px;font-size:10px}.paper{width:175px;height:195px}.paper:nth-child(1){left:61%;top:25%}.paper:nth-child(2){left:76%;top:40%}.paper:nth-child(3){left:63%;top:66%}.paper strong{font-size:20px;line-height:1.25}.destination,body[data-mode='3'] .destination{left:6%;bottom:8%;max-width:390px;padding:24px;background:#fbfaf8f2;color:var(--navy);box-shadow:0 15px 60px #0b254512}.destination h2,body[data-mode='3'] .destination h2{font-size:clamp(30px,3vw,46px);color:var(--navy)}body[data-mode='3'] .destination .eyebrow{color:var(--navy)}body[data-mode='3'] .destination .button{background:var(--navy);color:var(--paper)}.tool-preview{position:absolute;inset:0;background:#0b2545f5;color:var(--paper);padding:5%;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #d6a94a66;margin-bottom:5%;font-size:7px;letter-spacing:.12em}.tool-top img{width:90px;height:auto;margin:-16px 0}.tool-preview h3{color:var(--paper);font-size:clamp(14px,2vw,28px);margin:4% 0 5%}.tool-preview small{font-size:7px;letter-spacing:.12em;color:var(--gold)}#tool-content>div{padding:3% 0;border-top:1px solid #fbfaf826;font-size:clamp(9px,1vw,14px);display:flex;gap:14px}#tool-content>div span{color:var(--gold)}#tool-content>p{font-size:8px;opacity:.7;margin-bottom:0}.use-case{background:var(--navy);color:var(--paper);max-width:none;padding-left:7%;padding-right:7%}.use-case .eyebrow{color:var(--gold);font-size:10px}.use-case h2{color:var(--paper);font-size:clamp(24px,3vw,38px);text-transform:none;letter-spacing:-.02em}.use-case>div:first-child{max-width:820px}.workflow{display:flex;align-items:stretch;justify-content:space-between;gap:25px;margin-top:40px}.workflow>div{flex:1;border-top:1px solid var(--gold);padding-top:20px}.workflow span{font-size:11px;color:var(--gold)}.workflow h3{font-size:22px;color:var(--paper);margin-top:15px}.workflow b{align-self:center;color:var(--gold);font-size:25px;font-weight:400}.situations>div>p:not(.eyebrow){margin-top:28px}.about .experience p{font-size:.8rem}.chooser button{white-space:nowrap}
body[data-mode='1'] .use-case{background:#EDE9E0;color:var(--navy)}body[data-mode='1'] .use-case h2,body[data-mode='1'] .workflow h3{color:var(--navy)}body[data-mode='1'] .use-case .eyebrow,body[data-mode='1'] .workflow span{color:#795D20}body[data-mode='3'] .offers{grid-template-columns:1.2fr 1fr}body[data-mode='3'] .method{background:#F2F0EC;max-width:none;padding-left:7%;padding-right:7%}
@media(max-width:900px){.paper{width:145px;height:180px;padding:18px}.paper strong{font-size:18px}.paper:nth-child(1){left:63%}.paper:nth-child(2){left:78%}.paper:nth-child(3){left:65%;top:67%}}
@media(max-width:760px){.chooser>span{font-size:8px}.chooser button{font-size:9px;padding:7px}.scene-copy,body[data-mode='3'] .scene-copy{top:23%;left:7%;right:9%;max-width:none;padding:0}.scene-copy h1,body[data-mode='3'] .scene-copy h1{font-size:clamp(32px,8.7vw,46px)}.scene-copy>p:last-child{font-size:14px;max-width:90%;margin-top:20px;line-height:1.5}.scene-copy .eyebrow{font-size:8px}.paper{width:105px;height:125px;padding:10px}.paper small{font-size:6px}.paper strong{font-size:13px;margin:15px 0}.paper i{margin:9px 0}.paper:nth-child(1){left:7%;top:65%}.paper:nth-child(2){left:38%;top:67%}.paper:nth-child(3){left:69%;top:62%}.destination,body[data-mode='3'] .destination{left:5%;bottom:8%;max-width:290px;padding:18px}.destination h2,body[data-mode='3'] .destination h2{font-size:28px}.destination p{font-size:12px}.destination .eyebrow{font-size:8px}.tool-top img{width:58px}.tool-top span{font-size:5px}.tool-preview h3{font-size:16px}.tool-preview small{font-size:5px}#tool-content>div{font-size:9px;padding:5% 0}#tool-content>p{font-size:6px}.workflow{flex-direction:column;gap:14px}.workflow b{transform:rotate(90deg)}.workflow h3{font-size:20px}.workflow>div{padding:14px 0}body[data-mode='3'] .offers{grid-template-columns:1fr}.scroll-cue{bottom:4%;font-size:7px}.scroll-cue small{font-size:8px}.motion-toggle{bottom:2%;right:8%;font-size:8px}.chapter{display:none}}
.camera-world{position:absolute;inset:0;will-change:transform;backface-visibility:hidden;overflow:visible}.journey{height:400vh}.scene-copy,body[data-mode='3'] .scene-copy{max-width:78%}.scene-copy>p:last-child{max-width:720px}.scene-copy h1,body[data-mode='3'] .scene-copy h1{font-size:clamp(42px,5.5vw,82px)}.partner{background:var(--navy);color:var(--paper);max-width:none;padding:70px 8%;position:relative;overflow:hidden}.partner:after{content:'';position:absolute;width:700px;height:500px;border:1px solid #d6a94a24;border-radius:50%;right:-220px;top:-250px;transform:rotate(-25deg);pointer-events:none;box-shadow:0 0 0 35px #d6a94a08,0 0 0 80px #d6a94a06}.partner-heading{display:flex;align-items:center;gap:30px;flex-wrap:wrap;position:relative;z-index:1}.partner-heading .eyebrow{color:var(--gold);margin:0;font-size:11px}.partner-heading a{display:flex;align-items:center;gap:30px}.partner-heading a img{width:210px;height:auto;display:block}.partner-heading a>span{font-size:36px;color:var(--gold)}.partner-intro{font-size:clamp(18px,2vw,25px);max-width:1050px;line-height:1.7;color:#d5e0e9;margin:30px 0}.partner-label{display:flex;align-items:center;gap:25px}.partner-label>img{width:90px;height:90px;border-radius:5px;object-fit:contain;background:white}.partner-label p{margin:0;display:flex;flex-direction:column;gap:5px;font-size:16px}.partner-label strong{font-size:18px;color:var(--paper)}.partner-label span{color:#c1d0dc}.partner a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
@media(max-width:760px){.journey{height:350vh}.scene-copy,body[data-mode='3'] .scene-copy{max-width:none}.scene-copy h1,body[data-mode='3'] .scene-copy h1{font-size:clamp(34px,9vw,48px)}.scene-copy>p:last-child{max-width:95%}.partner{padding:50px 7%}.partner-heading{gap:20px}.partner-heading a img{width:170px}.partner-intro{font-size:17px}.partner-label>img{width:70px;height:70px}.partner-label p{font-size:13px}.partner-label strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.camera-world{transform:none!important}.journey{height:160vh}}

.founder-baseline{font-size:clamp(20px,2.2vw,30px);line-height:1.35;color:var(--navy);letter-spacing:-.025em;margin:24px 0 28px;padding-left:20px;border-left:2px solid var(--gold)}

.organisation-first{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 8%;border-bottom:1px solid #0b25451c}.organisation-first>.eyebrow{grid-column:1/-1;margin:0}.organisation-copy p:first-child{margin-top:0}.organisation-copy p{font-size:1.05rem;line-height:1.75}.sectors p{max-width:370px}.sectors span{white-space:nowrap}@media(max-width:760px){.organisation-first{grid-template-columns:1fr;gap:24px}.organisation-copy p{font-size:1rem}.sectors p{max-width:none}.sectors span{font-size:1rem}}

.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}@media(max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.steps{grid-template-columns:1fr}}

/* Version de production : proposition 3 uniquement. */
.chooser{display:none}.site-header{top:0}.stage{top:0;height:100svh}html{scroll-padding-top:105px}@media(max-width:760px){.site-header{top:0}.stage{top:0;height:100svh}}