@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#090909;--white:#eae8e2;--muted:#a4a39e;--line:#ffffff2b;--fire:#ff4d13;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--fire);outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;z-index:100;background:var(--fire);padding:15px}.skip:focus{top:15px}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0}.ambient{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 56% 50%,transparent 15%,#09090916 50%,#090909 100%),linear-gradient(90deg,#090909a6,transparent 70%)}.grain{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.frame-corners{position:fixed;inset:17px;pointer-events:none;z-index:10}.frame-corners i{position:absolute;width:10px;height:10px;border-color:#d4d0c36b}.frame-corners i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.frame-corners i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.frame-corners i:nth-child(3){bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.frame-corners i:nth-child(4){bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}header{position:fixed;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 4%;gap:30px}.brand{font:600 44px/.8 var(--display);display:flex;align-items:center;gap:3px}.brand-line{display:block;background:var(--fire);width:3px;height:30px;transform:skew(-16deg);margin:0 2px}.brand-caption{font:7px/1.6 var(--mono);letter-spacing:.12em;margin-left:16px}nav{display:flex;gap:28px}nav button{font:8px var(--mono);color:#888884;position:relative;padding:12px 0}nav button sup{font-size:6px;margin-right:7px;color:#767670}nav button.active{color:var(--white)}nav button.active:after{content:'';position:absolute;bottom:0;left:17px;right:0;height:1px;background:var(--fire)}.project-trigger{font:9px var(--mono);border:1px solid #77756b;border-radius:40px;padding:14px 18px;white-space:nowrap}.project-trigger span{margin-left:17px;color:var(--fire)}.project-trigger:hover{background:var(--fire);border-color:var(--fire);color:black}.project-trigger:hover span{color:black}main{position:fixed;inset:0;z-index:3;pointer-events:none}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(0,45px,-100px) scale(.97);filter:blur(9px);transition:opacity .8s,transform 1.1s cubic-bezier(.16,1,.3,1),filter .9s,visibility .8s;pointer-events:none}.scene.active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.scene button,.scene a{pointer-events:auto}.scene-kicker{position:absolute;left:5%;top:20%;font:8px/1.7 var(--mono);letter-spacing:.07em;color:#c4c0b4}.signal{display:inline-block;height:5px;width:5px;background:var(--fire);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #ff4d13}.scene h1,.scene h2{position:absolute;top:28%;left:4.7%;font:600 clamp(65px,8.6vw,150px)/.85 var(--display);letter-spacing:-.035em;z-index:1;max-width:80%;text-transform:uppercase}.scene h1>span,.scene h1 em{display:block}.scene h1 em,.scene h2 em{font-style:normal;font-weight:500;color:transparent;-webkit-text-stroke:1px #eae8e2c9;letter-spacing:-.03em}.intro-copy{position:absolute;left:5%;top:65%;z-index:3}.intro-copy p,.journey-preview p,.resource-intro p{font-size:15px;line-height:1.5}.intro-copy>span,.journey-preview>span,.resource-intro>span{display:block;font-size:10px;color:#9b9a93;line-height:1.8;margin-top:15px}.inline{font:7px var(--mono);letter-spacing:.07em;padding:0 0 8px;border-bottom:1px solid #7e7b70;margin-top:24px}.inline b{font:15px var(--sans);color:var(--fire);font-weight:400;margin-left:30px}.object-label{position:absolute;left:55%;top:70%;font:6px/1.8 var(--mono);color:#9e9a90;display:flex;flex-direction:column;border-left:1px solid var(--fire);padding-left:12px;transform:rotate(-90deg);transform-origin:left center}.quick-project{position:absolute;right:5%;bottom:15%;width:280px;padding:22px;background:#11111194;border:1px solid #c9c1ac46;backdrop-filter:blur(15px);pointer-events:auto}.quick-top{display:flex;justify-content:space-between;font:7px var(--mono);color:#b3ac9d}.quick-top>span:last-child{color:var(--fire);font-size:15px}.quick-project p{font:500 30px/.97 var(--display);text-transform:uppercase;margin:24px 0;letter-spacing:-.5px}.quick-project button{display:flex;justify-content:space-between;width:100%;padding:13px 0;border-top:1px solid #8b84755c;border-bottom:1px solid #8b84755c;font-size:10px}.quick-project button>span{color:var(--fire)}.quick-project small{display:block;font:6px/1.9 var(--mono);color:#9a9487;margin-top:14px}.journey-preview{position:absolute;left:5%;top:60%;max-width:400px}.film-portal{position:absolute;width:220px;height:240px;padding:0;overflow:hidden;background:#191919;box-shadow:0 0 50px #0008;transform:perspective(700px) rotateY(-12deg) rotateZ(5deg);transition:transform .8s,border-color .5s;border:1px solid #a092763b}.film-portal:hover{transform:perspective(700px) rotateY(0) rotateZ(0) scale(1.07);border-color:var(--fire)}.film-portal video{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.7)}.film-portal>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(transparent,#000b);padding:25px 15px 15px;font:7px var(--mono)}.film-portal b{color:var(--fire);font-size:14px;font-weight:400}.portal-one{right:26%;top:40%}.portal-two{right:6%;top:27%;transform:perspective(700px) rotateY(12deg) rotateZ(-6deg)}.credentials{position:absolute;left:5%;right:5%;bottom:14%;display:flex;gap:40px;font:9px var(--mono)}.credentials small{display:block;font-size:6px;color:#89887f;margin-top:8px}.resource-intro{position:absolute;left:5%;top:60%}.resource-deck{position:absolute;right:6%;top:22%;width:39%;perspective:1000px}.resource-ticket{position:relative;display:block;text-align:left;width:100%;padding:20px 22px;background:#151414b8;backdrop-filter:blur(12px);border:1px solid #75716c5e;transform:rotateY(-9deg) rotateZ(2deg);margin-bottom:12px;transition:transform .5s,background .5s}.resource-ticket:hover{transform:rotateY(0deg) rotateZ(0);background:#28221a}.resource-ticket>span{display:flex;justify-content:space-between;font:6px var(--mono);color:#a29a8c}.resource-ticket i{font-style:normal;font-size:5px}.resource-ticket.ready{background:#e24916;color:#140d08;border-color:#ff7b34;box-shadow:0 20px 80px #ff3a0a20}.resource-ticket.ready>span{color:#2f1a0e}.resource-ticket.ready:hover{background:#ff6425}.resource-ticket h3{font:500 27px/.95 var(--display);letter-spacing:-.4px;margin-top:20px;max-width:90%}.resource-ticket small{font-size:8px;line-height:1.5;max-width:90%;display:block;margin-top:12px}.resource-ticket b{position:absolute;bottom:17px;right:20px;font-size:22px;font-weight:400}.resource-ticket:not(.ready){padding-top:15px;padding-bottom:15px}.resource-ticket:not(.ready) h3{font-size:21px;margin-top:13px}.scene[data-scene="2"] h2{font-size:clamp(75px,10vw,165px)}footer{position:fixed;bottom:0;left:0;right:0;z-index:12;padding:20px 4% 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(transparent,#090909b0 50%)}.position{display:flex;align-items:center;gap:12px;font:8px var(--mono)}.position>span:first-child{color:var(--fire)}.position i{display:block;width:45px;height:1px;background:#727064}.explore{display:flex;align-items:center;gap:20px}.explore>span{font:7px var(--mono);letter-spacing:.04em}.explore button{font-size:19px;padding:8px}.explore button:hover{color:var(--fire)}.footer-note{font:6px/1.8 var(--mono);color:#8b887e}#motion-toggle{font:6px var(--mono);color:#99958c;padding:8px 0;border-bottom:1px solid #4e4b43}dialog{margin:0 0 0 auto;width:min(720px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #5f594b;background:#101010;color:var(--white);padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b5144 #101010}dialog[open]{animation:drawer .65s cubic-bezier(.16,1,.3,1)}@keyframes drawer{from{transform:translateX(100%)}to{transform:translateX(0)}}dialog::backdrop{background:#02020299;backdrop-filter:blur(12px)}.panel-header{position:sticky;top:0;z-index:1;background:#101010f0;backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:25px 40px;border-bottom:1px solid var(--line)}.panel-brand{font:7px var(--mono)}#close{font:8px var(--mono)}#close span{font-size:22px;vertical-align:middle;margin-left:15px;color:var(--fire)}#panel-content{padding:40px}.eyebrow{font:7px/1.7 var(--mono);color:#a19a8c}#panel-content>h2{font:500 clamp(46px,5vw,70px)/.9 var(--display);letter-spacing:-1px;margin:25px 0 30px}#panel-content>h2 em{font-style:normal;color:var(--fire)}.panel-lead{font-size:14px;line-height:1.8;color:#beb9ae;margin-bottom:30px}.form-disclaimer{font:8px/1.8 var(--mono);padding:15px;border:1px solid #ff4d1355;color:#bbaa95;margin-bottom:30px}form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.full{grid-column:1/-1}label,legend{font:8px/1.6 var(--mono);letter-spacing:.06em;color:#aaa295;text-transform:uppercase}input,textarea{display:block;width:100%;font:14px var(--sans);background:none;border:0;border-bottom:1px solid #544c40;border-radius:0;padding:13px 0;color:var(--white);margin-top:5px}input::placeholder,textarea::placeholder{color:#6b665e;font-size:12px}textarea{min-height:90px;resize:vertical}fieldset{border:0;padding:0;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.chips label{font:10px var(--sans);text-transform:none;letter-spacing:0}.chips input{position:absolute;opacity:0;width:1px;height:1px}.chips span{display:block;border:1px solid #5b5246;padding:10px 13px;border-radius:30px;cursor:pointer}.chips input:checked+span{background:var(--fire);border-color:var(--fire);color:#100b08}.chips input:focus-visible+span{outline:2px solid var(--fire);outline-offset:3px}.send{display:block}.btn{width:100%;background:var(--fire);color:#150c07;padding:18px 22px;font:11px var(--mono);border:0;text-align:left;cursor:pointer}.btn:hover{background:#ff7d3f}#status{font:10px/1.8 var(--mono);color:#c5bca9;margin-top:15px}.process{margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.process h3{font:8px var(--mono)}.process ol{font-size:12px;line-height:2;color:#aba397;padding-left:18px;margin-top:15px}.timeline>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.timeline .label{font:8px/1.8 var(--mono);color:var(--fire)}.timeline p{font-size:13px;line-height:1.8;color:#aaa295}.timeline b{color:#e4dfd4;font-weight:500}.panel-link{display:block;width:100%;text-align:left;font:10px var(--mono);padding:22px 0;border-bottom:1px solid var(--line);color:#d7cbb7}.services-list article{padding:25px 0;border-top:1px solid var(--line)}.services-list .roman{font:9px var(--mono);color:var(--fire)}.services-list h3{font:500 30px var(--display);text-transform:uppercase;margin:15px 0}.services-list p{font-size:13px;line-height:1.8;color:#b0a89b}.services-list ul{font-size:11px;line-height:1.9;color:#938b7e;padding-left:18px}.available-resource{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--fire);border-bottom:1px solid var(--fire);font:10px/1.8 var(--mono);color:var(--fire)}.upcoming{list-style:none;margin:0 0 35px;padding:0}.upcoming li{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;color:#aaa295}.upcoming li>span{font:6px var(--mono);white-space:nowrap;padding-top:5px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:13px;cursor:pointer;line-height:1.6}.faq p{font-size:12px;line-height:1.8;color:#a69d8f;margin-top:15px}.no-webgl #world{background:radial-gradient(ellipse at 63% 46%,#ff4d1377,transparent 40%)}.no-webgl .object-label{display:none}
@media(min-width:1600px){.scene h1{font-size:10vw}.quick-project{width:320px;padding:26px}.quick-project p{font-size:38px}.film-portal{width:270px;height:300px}.scene-kicker{top:21%}}
@media(max-width:950px){header{padding:0 5%;gap:20px;height:90px}.brand{font-size:36px}.brand-caption{font-size:6px;margin-left:10px}nav{gap:16px}nav button{font-size:7px}nav button sup{display:none}.project-trigger{font-size:8px;padding:12px 15px}.scene-kicker{top:19%;font-size:6px}.scene h1,.scene h2{font-size:10.6vw;top:29%;max-width:92%}.intro-copy{top:64%}.intro-copy p{font-size:13px}.intro-copy>span{font-size:9px;max-width:270px}.quick-project{width:230px;right:5%;bottom:15%;padding:19px}.quick-project p{font-size:28px}.quick-top{font-size:6px}.quick-project small{font-size:6px}.object-label{display:none}.portal-one{right:25%;top:42%;width:170px;height:200px}.portal-two{right:5%;top:29%;width:170px;height:200px}.journey-preview{top:60%;max-width:260px}.journey-preview>span{font-size:9px}.credentials{gap:25px;font-size:7px;bottom:14%}.credentials small{font-size:5px}.resource-deck{width:43%;top:26%;right:5%}.resource-ticket{padding:18px}.resource-ticket h3{font-size:23px}.resource-ticket small{font-size:7px}.resource-ticket:not(.ready) h3{font-size:19px}.scene[data-scene="2"] h2{font-size:12vw}.footer-note{display:none}.explore{gap:12px}footer{padding-left:5%;padding-right:5%;gap:20px}.explore>span{font-size:6px}}
@media(max-width:600px){header{height:80px;padding:0 6%;gap:15px}.brand{font-size:34px}.brand-caption{font-size:5px;margin-left:8px}.brand-line{height:24px;width:2px}nav{position:fixed;left:6%;right:6%;top:87px;justify-content:space-between;gap:10px}nav button{font-size:6px;padding:8px 0}nav button.active:after{left:0}.project-trigger{font-size:7px;padding:11px 13px}.project-trigger span{margin-left:12px}.scene-kicker{top:22%;left:6%;font-size:5px;max-width:85%;line-height:1.8}.scene h1,.scene h2{top:30%;left:5.5%;font-size:15vw;line-height:.86;max-width:95%}.intro-copy{top:53%;left:6%}.intro-copy p{font-size:13px}.intro-copy>span{font-size:9px;max-width:290px;margin-top:10px}.inline{font-size:6px;margin-top:15px}.inline b{margin-left:15px}.quick-project{left:6%;right:6%;bottom:13%;width:auto;padding:14px 17px;display:grid;grid-template-columns:1fr 1.2fr;gap:10px 15px}.quick-top{grid-column:1/-1;font-size:6px}.quick-project p{font-size:24px;margin:0;align-self:center}.quick-project button{font-size:9px;align-self:center;border:1px solid #857b6a66;padding:12px}.quick-project small{grid-column:1/-1;font-size:5px;margin:0}.quick-project small br{display:none}.scene[data-scene="1"] h2{top:25%;font-size:16vw}.journey-preview{top:45%;left:6%;max-width:310px}.journey-preview p{font-size:13px}.journey-preview>span{font-size:9px;line-height:1.7}.film-portal{height:130px!important;width:125px!important;top:65%!important}.portal-one{left:9%;right:auto}.portal-two{left:auto;right:9%;top:62%!important}.film-portal>span{font-size:5px;padding:20px 9px 10px}.credentials{left:6%;right:6%;bottom:12%;gap:15px;justify-content:space-between;font-size:5px}.credentials small{font-size:4px;max-width:95px;line-height:1.5}.scene[data-scene="2"] .scene-kicker{top:21%}.scene[data-scene="2"] h2{font-size:18vw;top:26%}.resource-intro{top:46%;left:6%}.resource-intro p{font-size:11px}.resource-intro>span{font-size:8px;line-height:1.6;margin-top:7px}.resource-deck{top:56%;width:82%;left:9%;right:auto}.resource-ticket{padding:15px 17px;transform:rotateY(-7deg) rotateZ(1deg);margin-bottom:7px}.resource-ticket h3{font-size:23px;margin-top:13px}.resource-ticket small{display:none}.resource-ticket>span{font-size:5px}.resource-ticket i{font-size:4px}.resource-ticket:not(.ready){padding:12px 17px}.resource-ticket:not(.ready) h3{font-size:17px;margin-top:8px}.resource-ticket:not(.ready) h3 br{display:none}.resource-ticket b{font-size:18px;bottom:12px;right:14px}footer{padding:17px 6% 25px;gap:15px}.position{font-size:6px;gap:8px}.position i{width:20px}.explore{gap:10px}.explore>span{font-size:5px;max-width:95px;line-height:1.7;text-align:center}.explore button{font-size:16px;padding:5px}#motion-toggle{font-size:5px;max-width:70px;line-height:1.7}.panel-header{padding:23px}.panel-brand{font-size:6px}#panel-content{padding:30px 23px}.panel-lead{font-size:13px}.form-disclaimer{font-size:7px}form{gap:22px 16px}label,legend{font-size:7px}input,textarea{font-size:13px}.chips span{font-size:10px;padding:9px 11px}.timeline>div{grid-template-columns:1fr;gap:8px}.timeline p{font-size:12px}.process ol{font-size:12px}}
@media(max-height:700px) and (min-width:601px){.scene-kicker{top:22%}.scene h1,.scene h2{top:32%;font-size:8.5vw}.intro-copy{top:66%}.quick-project{bottom:15%;padding:17px}.quick-project p{font-size:25px;margin:15px 0}.quick-project small{font-size:5px}.journey-preview{top:63%}.credentials{bottom:12%}.film-portal{height:180px;width:170px}.resource-deck{top:25%}.resource-ticket h3{font-size:22px}.resource-ticket:not(.ready) h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.film-portal video{display:none}.film-portal{background:url('proposition-da/media/atelier.jpg') center/cover}}

/* Version retenue : matière 3D, palette graphite et métal. */
:root{--fire:#b8b5aa}
.signal{box-shadow:0 0 9px #d3d0c333}
.resource-ticket.ready{background:#c2c0b6;color:#181919;border-color:#d7d5cc;box-shadow:0 20px 80px #b5b8b00b}
.resource-ticket.ready>span{color:#44463f}
.resource-ticket.ready:hover{background:#dbd9d0}
.project-trigger:hover,.chips input:checked+span{color:#171819}
.btn{color:#161718}.btn:hover{background:#dedbd2}
.form-disclaimer{border-color:#96988b55}
.no-webgl #world{background:radial-gradient(ellipse at 63% 46%,#737b7e66,transparent 40%)}