.company-note{margin-top:24px;padding:20px 0 0;border-top:1px solid #a8c38b33}.company-note>span{font-size:11px;letter-spacing:2px;color:#9fc882}.company-note p{font-size:20px;line-height:1.5;color:#d6e2ce;margin:10px 0 17px}.company-note>strong{font-size:13px;font-weight:500;color:#a7ce8d}.company-note i{font-size:12px;font-weight:400;font-style:normal;color:#8ea185}.drawer-page{padding:28px!important;display:flex;align-items:center;background:radial-gradient(ellipse at center,#41523b55,transparent 70%),#111b15}.drawer-demo{width:100%;min-height:0;display:flex;flex-direction:column;height:100%}.drawer-kicker{font-size:11px;letter-spacing:1.5px;color:#b5cba6;flex:none}.drawer-model{width:100%;min-height:0;flex:1;height:100%;overflow:visible}.drawer-moving{transition:transform 2.2s cubic-bezier(.12,.75,.12,1);transform:translate(0,0);will-change:transform}.drawer-demo[data-open=true] .drawer-moving{transform:translate(65px,100px);transition:transform .85s cubic-bezier(.25,.7,.3,1)}.drawer-rails{opacity:0;transition:opacity .3s}.drawer-demo[data-open=true] .drawer-rails{opacity:.8}.motion-guide{opacity:.35}.drawer-demo[data-open=true] .motion-guide{opacity:0}.drawer-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #c4d7ae25;padding-top:16px;flex:none}.drawer-demo-caption strong{font-weight:400;color:#c9e5b4;font-size:18px}.drawer-demo-caption span{font-size:10px;color:#8da081;max-width:170px;text-align:right}.drawer-toggle{background:#77bd41;color:#15270d;border:1px solid #b0df8b;border-radius:7px;padding:13px 23px;font-size:17px;margin-top:28px}.drawer-feedback{font-size:17px;line-height:1.5;color:#acc79a;min-height:54px;margin:18px 0 0}.quote-scene{display:flex;align-items:center;justify-content:center;padding:25px!important;background:radial-gradient(ellipse at top,#3c4d3655,transparent),#142018}.designed-quote{width:100%;max-width:525px;background:#f4f3ed;color:#263b2a;border-radius:5px;box-shadow:0 30px 50px #0005;padding:26px;transform:perspective(1500px) rotateY(3deg)}.quote-sheet-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dbcd;padding-bottom:18px;gap:15px}.quote-sheet-heading>img{width:83px;height:58px;object-fit:contain;background:#162017;padding:5px;border-radius:4px}.quote-sheet-heading>span{font-size:10px;letter-spacing:1.2px;line-height:1.8;text-align:right}.quote-sheet-heading strong{font-size:21px;letter-spacing:-.5px;font-weight:500}.quote-hero{display:flex;gap:15px;align-items:center;margin:22px 0}.quote-hero>img{width:41%;aspect-ratio:1.3;object-fit:cover;border-radius:3px}.quote-hero>div>span{font-size:8px;letter-spacing:1.2px;color:#81916f}.quote-hero h2{font-size:23px;line-height:1.15;letter-spacing:-.5px;margin:9px 0}.quote-line{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce0d5;padding:18px 0;font-size:12px}.quote-line>span{color:#89a16c;font-size:11px}.quote-line>strong{font-weight:500}.quote-line>i{margin-left:auto;font-size:10px;color:#79866d;font-style:normal;text-align:right}.quote-summary{background:#e5ebdc;border-left:2px solid #77a04c;display:flex;flex-direction:column;padding:15px;margin-top:22px}.quote-summary>span{font-size:12px;color:#6a7d5d}.quote-summary>strong{font-size:17px;margin-top:4px;font-weight:500}.quote-example{font-size:9px;color:#929b85;margin:18px 0 0}.quote-animate .quote-line,.quote-animate .quote-summary{animation:quote-line-in .7s cubic-bezier(.2,.7,.3,1) both}.quote-animate .quote-line:nth-of-type(3){animation-delay:.4s}.quote-animate .quote-line:nth-of-type(4){animation-delay:.8s}.quote-animate .quote-line:nth-of-type(5){animation-delay:1.2s}.quote-animate .quote-line:nth-of-type(6){animation-delay:1.6s}.quote-animate .quote-summary{animation-delay:2.2s}.quote-replay{background:none;border:none;border-bottom:1px solid #89b56c55;padding:8px 0;margin-top:23px;color:#acd08e;font-size:15px;align-self:flex-start}@keyframes quote-line-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.catalogue-cover>.copy-page{background:radial-gradient(ellipse at 50% 30%,#35452a26,transparent 68%),linear-gradient(130deg,#0c140ef8,#0b140fe8);display:flex;justify-content:center;align-items:center;padding:50px!important;gap:50px}.catalogue-cover .photo{filter:brightness(.4);opacity:.23}.catalogue-cover .cover-brand-lockup{display:flex;align-items:center;justify-content:center;gap:45px;width:100%;position:relative}.cover-brand-lockup .cover-logo{width:240px;height:170px;object-fit:contain}.cover-brand-lockup .identity-divider{height:88px}.cover-brand-lockup .recipient-logo{width:290px;max-width:42%}.cover-brand-lockup .bnp-vector{width:100%}.catalogue-cover .catalogue-open{align-self:center;background:transparent;color:#c4ddb4;border:1px solid #9ac57a66;font-size:17px;padding:14px 27px;border-radius:35px}.catalogue-cover .catalogue-open:hover{background:#77bd4122}.catalogue-cover:after{content:'';position:absolute;inset:18px;border:1px solid #a4c68c18;border-radius:10px;pointer-events:none;z-index:2}.catalogue-cover .copy-page:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 11px,#b4d79a03 12px 13px);pointer-events:none}.catalogue-cover .cover-brand-lockup,.catalogue-cover .catalogue-open{z-index:3}body[data-chapter=couverture] .intro{visibility:hidden}.catalogue-end>.copy-page{background:linear-gradient(90deg,#09140bef 0%,#09140bdf 27%,#09140b20 65%,transparent)}.catalogue-end .photo{filter:none;background-position:center;opacity:1}.catalogue-end .cover-message{max-width:500px}.catalogue-end .cover-message>p{max-width:360px}.end-reassurance{display:inline-block;color:#b2d799;font-size:14px;letter-spacing:.3px;margin-bottom:22px;border-bottom:1px solid #9cbf8044;padding-bottom:9px}
@media(max-width:1050px) and (min-width:801px){.quote-scene{padding:18px!important}.designed-quote{padding:19px}.quote-line{padding:14px 0;font-size:11px}.quote-line>i{font-size:9px}.cover-brand-lockup .cover-logo{width:195px}.catalogue-cover .cover-brand-lockup{gap:30px}}
@media(max-width:800px),(orientation:portrait){.drawer-page{padding:20px!important;min-height:350px}.drawer-model{max-height:440px}.drawer-demo-caption strong{font-size:16px}.drawer-demo-caption span{font-size:9px}.drawer-kicker{font-size:10px}.drawer-toggle{margin-top:19px;font-size:16px;padding:11px 19px}.drawer-feedback{font-size:16px;margin-top:13px;min-height:48px}.quote-scene{padding:22px!important;min-height:620px}.designed-quote{max-width:530px;transform:none;padding:23px}.catalogue-cover>.copy-page{padding:30px!important;gap:45px}.catalogue-cover .cover-brand-lockup{gap:24px}.cover-brand-lockup .cover-logo{width:170px;height:110px}.cover-brand-lockup .recipient-logo{width:220px}.cover-brand-lockup .identity-divider{height:57px}.catalogue-cover .catalogue-open{font-size:16px}.company-note p{font-size:18px}.catalogue-mode .company-note{margin-top:16px;padding-top:13px}.catalogue-mode .company-note p{font-size:16px;margin:8px 0 10px}.catalogue-mode .company-note>strong{font-size:12px}.catalogue-mode .company-note i{font-size:11px}.catalogue-mode .drawer-page{min-height:150px;flex:1}.catalogue-mode .drawer-demo{height:100%}.catalogue-mode .drawer-model{max-height:none}.catalogue-mode .drawer-demo-caption{padding-top:8px}.catalogue-mode .drawer-demo-caption strong{font-size:14px}.catalogue-mode .drawer-demo-caption span{font-size:8px}.catalogue-mode .quote-scene{min-height:200px!important;flex:1;overflow:auto;padding:14px!important}.catalogue-mode .designed-quote{padding:14px}.catalogue-mode .quote-sheet-heading{padding-bottom:10px}.catalogue-mode .quote-sheet-heading>img{width:60px;height:43px}.catalogue-mode .quote-sheet-heading strong{font-size:18px}.catalogue-mode .quote-hero{margin:12px 0;gap:12px}.catalogue-mode .quote-hero>img{width:30%;max-height:80px}.catalogue-mode .quote-hero h2{font-size:19px}.catalogue-mode .quote-line{padding:10px 0;font-size:11px}.catalogue-mode .quote-line>i{font-size:9px}.catalogue-mode .quote-summary{margin-top:12px;padding:10px}.catalogue-mode .quote-summary strong{font-size:14px}.catalogue-mode .quote-example{font-size:8px;margin-top:10px}.catalogue-mode .quote-replay{margin-top:12px;font-size:14px}}
@media(max-width:480px){.catalogue-cover .cover-brand-lockup{flex-direction:column;gap:25px}.cover-brand-lockup .cover-logo{width:190px;height:120px}.cover-brand-lockup .identity-divider{height:1px;width:60px}.cover-brand-lockup .recipient-logo{width:225px;max-width:90%}.catalogue-cover>.copy-page{gap:48px}.catalogue-cover .catalogue-open{font-size:15px;padding:12px 20px}.catalogue-mode[data-chapter=tiroirs] .copy-page,.catalogue-mode[data-chapter=devis] .copy-page{padding:16px 20px}.catalogue-mode[data-chapter=tiroirs] .page-label,.catalogue-mode[data-chapter=devis] .page-label{display:none}.catalogue-mode[data-chapter=tiroirs] h1,.catalogue-mode[data-chapter=devis] h1{font-size:27px;margin-bottom:12px}.catalogue-mode[data-chapter=tiroirs] .story-phases,.catalogue-mode[data-chapter=devis] .story-phases{font-size:11px;margin-bottom:12px}.catalogue-mode[data-chapter=tiroirs] .lead,.catalogue-mode[data-chapter=devis] .lead{font-size:15px;line-height:1.4}.catalogue-mode .drawer-feedback{font-size:14px;min-height:40px}.catalogue-mode .drawer-toggle{font-size:14px;margin-top:14px;padding:10px 15px}.catalogue-mode .drawer-kicker{font-size:8px}.catalogue-mode .drawer-page{min-height:220px!important;padding:14px!important}.catalogue-mode .drawer-demo-caption{gap:12px}.catalogue-mode .drawer-demo-caption span{max-width:120px}.catalogue-mode .quote-scene{padding:11px!important;min-height:330px!important}.catalogue-mode .quote-hero{display:none}.catalogue-mode .quote-line{font-size:10px;padding:9px 0;gap:8px}.catalogue-mode .quote-sheet-heading{padding-bottom:9px}.catalogue-mode .quote-summary{padding:8px;margin-top:10px}.catalogue-mode .quote-summary>span{font-size:10px}.catalogue-mode .quote-summary>strong{font-size:12px}.catalogue-mode .quote-example{font-size:7px;margin-top:8px}.catalogue-mode .quote-replay{font-size:12px}.catalogue-mode[data-chapter=devis] .project-link{font-size:13px;margin-top:9px;padding:5px 0}.catalogue-end>.copy-page{background:linear-gradient(0deg,#08140bf5 0%,#08140bd9 40%,#08140b33 80%,#08140b88)}.catalogue-end .cover-top{display:none}.catalogue-end .copy-page{justify-content:flex-end}.catalogue-end h1{font-size:34px}.catalogue-end .photo{background-position:60% top;background-size:auto 70%;background-repeat:no-repeat}.catalogue-end .cover-message>p{font-size:17px}.end-reassurance{font-size:12px}}
@media(prefers-reduced-motion:reduce){.drawer-moving{transition:none!important}.quote-animate *{animation:none!important}}
@media(max-width:480px){.catalogue-mode .quote-scene{min-height:250px!important;padding:9px!important}.catalogue-mode .designed-quote{padding:10px}.catalogue-mode .quote-sheet-heading{padding-bottom:7px}.catalogue-mode .quote-sheet-heading>img{height:32px;width:48px;padding:3px}.catalogue-mode .quote-sheet-heading>span{font-size:8px}.catalogue-mode .quote-sheet-heading strong{font-size:15px}.catalogue-mode .quote-line{padding:6px 0;font-size:9px}.catalogue-mode .quote-line>span,.catalogue-mode .quote-line>i{font-size:8px}.catalogue-mode .quote-summary{padding:6px;margin-top:7px}.catalogue-mode .quote-summary>span{font-size:9px}.catalogue-mode .quote-summary>strong{font-size:11px;margin-top:2px}.catalogue-mode .quote-example{font-size:7px;margin-top:6px}.catalogue-mode[data-chapter=devis] .copy-page{padding:14px 20px}.catalogue-mode[data-chapter=devis] h1{font-size:25px}.catalogue-mode[data-chapter=devis] .lead{font-size:14px}}
@media(max-width:480px){.catalogue-end .photo{background-size:100% auto;background-position:center top}}
@media(max-width:480px){.catalogue-end>.photo-page .photo{background-size:100% auto;background-position:center top}}
.catalogue-cover>.copy-page{background:radial-gradient(ellipse at 50% 35%,#24302788,transparent 65%),linear-gradient(120deg,#111613f8,#060a08f5)}
.catalogue-cover:before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#a6bc8c60,transparent);z-index:4;pointer-events:none}
.catalogue-cover .cover-brand-lockup{animation:cover-reveal 1.2s 1.6s both}
.catalogue-cover .catalogue-open{position:relative;overflow:hidden;display:flex;align-items:center;gap:26px;padding:9px 10px 9px 28px;background:linear-gradient(115deg,#273e26,#111f16);border-color:#91b27790;box-shadow:0 10px 30px #0006,inset 0 1px #d7f5bd22;animation:cover-reveal 1.2s 1.9s both;transition:box-shadow .35s,transform .35s}
.catalogue-cover .catalogue-open span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#9fc77e;color:#14220e;font-size:25px;transition:transform .35s}
.catalogue-cover .catalogue-open:hover{transform:translateY(-3px);box-shadow:0 14px 40px #76a44a25;background:#263d25}.catalogue-cover .catalogue-open:hover span{transform:rotate(-35deg)}
.catalogue-cover .catalogue-open:after{content:'';position:absolute;inset:-80% auto -80% -80%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#e5ffd12b,transparent);animation:cover-sheen 2.4s 2.2s 1;pointer-events:none}
.catalogue-open:focus-visible{outline:3px solid #b9e495;outline-offset:7px}
.designer-spread .photo{background-position:center 28%}.designer-signature{margin-top:25px}.designer-experience{display:flex;align-items:center;gap:25px;border-top:1px solid #8eac7340;padding-top:20px}.designer-experience>strong{font-size:78px;font-weight:400;line-height:1;letter-spacing:-5px;color:#b3d88f}.designer-experience strong>span{font-size:23px;letter-spacing:0;margin-left:8px}.designer-experience>p{font-size:18px;line-height:1.5;color:#c8d6bf}.designer-journey{display:flex;gap:15px;align-items:center;margin-top:25px;font-size:16px}.designer-journey i{font-style:normal;color:#8db567}.designer-promise{color:#9caf94;font-size:16px;line-height:1.6;margin-top:20px}
@keyframes cover-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-sheen{to{left:150%}}
@media(max-width:800px),(orientation:portrait){.designer-signature{margin-top:15px}.designer-experience{padding-top:12px;gap:20px}.designer-experience>strong{font-size:57px}.designer-experience>p{font-size:15px}.designer-journey{font-size:14px;gap:12px;margin-top:15px}.designer-promise{font-size:14px;margin-top:12px}.catalogue-mode .designer-spread .photo-page{min-height:220px}.catalogue-mode .designer-spread .photo{background-position:center 23%}.catalogue-mode .designer-spread .copy-page{padding:18px 24px}.catalogue-mode .designer-spread h1{font-size:30px}.catalogue-mode .designer-spread .lead{font-size:15px}.catalogue-mode .designer-spread .story-phases{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.catalogue-cover .cover-brand-lockup,.catalogue-cover .catalogue-open,.catalogue-cover .catalogue-open:after{animation:none}.catalogue-cover .catalogue-open,.catalogue-cover .catalogue-open span{transition:none}}
.photo-drawer-page{background:#141c15;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-drawer-stage{width:100%;position:relative;line-height:0}.photo-drawer-canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.photo-drawer-label{position:absolute;left:24px;bottom:24px;line-height:1.4;color:white;background:#172017b8;padding:10px 15px;border-radius:5px;font-size:14px;backdrop-filter:blur(9px)}.photo-drawer-controls{margin-top:24px}.material-signatures{display:flex;gap:10px;flex-wrap:wrap}.material-signatures span{border-bottom:1px solid #97b47a50;color:#b4c5a9;padding-bottom:8px;font-size:15px}.photo-drawer-controls .drawer-toggle{margin-top:23px}.drawer-range-label{display:flex;flex-direction:column;gap:12px;color:#9db18e;font-size:13px;margin-top:23px;max-width:350px}.drawer-range-label input{width:100%;accent-color:#9cc97d;cursor:ew-resize}.photo-drawer-controls .drawer-feedback{min-height:50px;font-size:16px;margin:18px 0 10px}.photo-drawer-controls small{color:#71836b;font-size:10px}.drawer-toggle:disabled{opacity:.5;cursor:wait}
.real-worksite-page{padding:0!important;position:relative;background:#171e18;overflow:hidden}.real-worksite-images{position:relative;height:100%;min-height:400px;width:100%;overflow:hidden}.worksite-frame{position:absolute;inset:0;background-image:url('assets/chantier-sequence.png?v=9207e8efd597');background-size:300% 100%;opacity:0;transition:opacity .9s ease}.frame-0{background-position:0 0}.frame-1{background-position:50% 0}.frame-2{background-position:100% 0}.real-worksite-spread[data-stage='0'] .frame-0,.real-worksite-spread[data-stage='1'] .frame-1,.real-worksite-spread[data-stage='2'] .frame-2{opacity:1}.worksite-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:75px 28px 25px;background:linear-gradient(transparent,#0b160fdd);color:white;display:flex;flex-direction:column;gap:8px}.worksite-photo-caption>span{font-size:10px;letter-spacing:2px;color:#bfd4b1}.worksite-photo-caption strong{font-size:25px;font-weight:400}.worksite-photo-caption small{font-size:9px;color:#a6b99a}.simple-technical-plan{margin-top:22px;background:#f1f2eb;border-radius:7px;padding:15px 12px 5px;color:#2d3c2b}.simple-plan-heading{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.simple-plan-heading strong{font-size:14px;font-weight:500}.simple-plan-heading span{font-size:10px;color:#7c8873}.simple-technical-plan svg{width:100%;display:block;height:auto}.plan-water,.plan-power,.plan-tiles,.plan-floor{opacity:.25;transition:opacity .4s}.simple-technical-plan[data-stage='0'] .plan-water,.simple-technical-plan[data-stage='1'] .plan-power,.simple-technical-plan[data-stage='2'] .plan-tiles,.simple-technical-plan[data-stage='2'] .plan-floor{opacity:1}.trace-plan[data-stage='0'] .plan-water path,.trace-plan[data-stage='1'] .plan-power path{stroke-dasharray:120;animation:technical-trace 1.8s ease both}.trace-plan[data-stage='2'] .plan-floor{animation:tile-plan-reveal 2s ease both}.real-worksite-spread .worksite-tabs{margin-top:17px;gap:6px}.real-worksite-spread .worksite-tabs button{font-size:13px;padding:9px}.real-worksite-spread .worksite-status{font-size:15px;min-height:40px;margin:14px 0 0}.real-worksite-spread .worksite-play{margin-top:8px}.real-worksite-spread .copy-page{padding-top:30px;padding-bottom:28px}.real-worksite-spread h1{font-size:40px}.real-worksite-spread .lead{font-size:17px}@keyframes technical-trace{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes tile-plan-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(max-width:800px),(orientation:portrait){.photo-drawer-stage{max-width:580px}.catalogue-mode .photo-drawer-page{min-height:220px;flex:1}.catalogue-mode .photo-drawer-stage{height:100%;max-height:380px;width:100%}.catalogue-mode .photo-drawer-canvas{height:100%;width:100%;object-fit:contain}.catalogue-mode .photo-drawer-controls{margin-top:12px}.catalogue-mode .photo-drawer-controls .drawer-toggle{margin-top:14px}.catalogue-mode .drawer-range-label{margin-top:14px;gap:8px}.catalogue-mode .photo-drawer-controls .drawer-feedback{font-size:14px;min-height:35px;margin-top:12px}.catalogue-mode .photo-drawer-spread .copy-page{padding:18px 22px}.catalogue-mode .photo-drawer-spread h1{font-size:29px}.catalogue-mode .photo-drawer-spread .lead{font-size:15px}.catalogue-mode .photo-drawer-spread .page-label{display:none}.catalogue-mode .photo-drawer-spread .story-phases{margin-bottom:12px}.catalogue-mode .photo-drawer-label{font-size:11px;left:12px;bottom:12px;padding:6px 10px}.real-worksite-images{min-height:420px;aspect-ratio:1}.catalogue-mode .real-worksite-page{min-height:230px!important;flex:1}.catalogue-mode .real-worksite-images{min-height:0;height:100%;aspect-ratio:auto}.catalogue-mode .worksite-frame{background-size:300% auto;background-position-y:35%}.catalogue-mode .worksite-photo-caption{padding:45px 20px 12px;gap:4px}.catalogue-mode .worksite-photo-caption strong{font-size:18px}.catalogue-mode .worksite-photo-caption>span{font-size:8px}.catalogue-mode .worksite-photo-caption small{font-size:8px}.simple-technical-plan{margin-top:14px;padding:10px 8px 2px}.simple-plan-heading strong{font-size:12px}.simple-plan-heading span{font-size:9px}.real-worksite-spread h1{font-size:28px!important;margin-bottom:10px}.real-worksite-spread .lead{font-size:14px!important;line-height:1.4}.real-worksite-spread .worksite-tabs{margin-top:10px!important}.real-worksite-spread .worksite-tabs button{font-size:11px!important;padding:7px!important}.real-worksite-spread .worksite-status{font-size:13px!important;min-height:32px!important;margin-top:8px!important}.real-worksite-spread .worksite-play{font-size:11px;margin-top:2px}.catalogue-mode .real-worksite-spread .copy-page{padding:14px 20px}.catalogue-mode .real-worksite-spread .story-phases{margin-bottom:8px}.catalogue-mode .real-worksite-spread .page-label{display:none}}
@media(prefers-reduced-motion:reduce){.worksite-frame,.simple-technical-plan *{animation:none!important;transition:none!important}}