.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}}
/* Editorial opening and closing spreads */
.catalogue-cover>.photo-page{display:block!important;position:absolute;inset:0;width:100%;height:100%}.catalogue-cover>.photo-page .photo{opacity:1;filter:brightness(.76);background-position:75% center;background-size:cover}.catalogue-cover>.copy-page{position:relative;align-items:flex-start;justify-content:space-between;gap:20px;padding:45px 60px!important;background:linear-gradient(90deg,#07100df2 0%,#08120ce8 27%,#08120c65 68%,#08120c15);text-align:left}.catalogue-cover .cover-edition{font-size:10px;letter-spacing:3px;color:#bfd2aa;margin:0;z-index:3}.catalogue-cover .cover-brand-lockup{justify-content:flex-start;width:auto;gap:22px;animation:none}.catalogue-cover .cover-brand-lockup .cover-logo{width:160px;height:100px}.catalogue-cover .cover-brand-lockup .recipient-logo{width:190px;max-width:none}.catalogue-cover .cover-brand-lockup .identity-divider{height:47px}.editorial-cover-title{z-index:3;position:relative}.catalogue-cover .editorial-cover-title h1{font-size:clamp(42px,4.9vw,70px);font-weight:300;line-height:1.05;letter-spacing:-2.8px;margin:15px 0 20px;max-width:690px;color:#f3f4eb}.editorial-cover-title h1 em{font-family:Georgia,serif;font-weight:400;color:#b7cf9a}.editorial-cover-title>span{font-size:17px;color:#c5d1bd;font-weight:300}.catalogue-cover .catalogue-open{align-self:flex-start;animation:none;z-index:4}.catalogue-cover:after{inset:18px;border-color:#c1d5ad40}.editorial-cover-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.editorial-cover-lines i{position:absolute;right:7%;top:12%;bottom:12%;width:37%;border:1px solid #dcf1bb55;transform:skewY(-9deg);animation:architectural-reveal 2s 1.3s both}.editorial-cover-lines i:nth-child(2){right:9%;top:15%;bottom:15%;width:33%;border-color:#dcf1bb2a;animation-delay:1.5s}.editorial-cover-lines i:nth-child(3){right:5%;top:9%;bottom:9%;width:41%;border-color:#dcf1bb22;animation-delay:1.7s}.catalogue-cover .editorial-cover-title{animation:cover-reveal 1.2s 1.8s both}.catalogue-end>.copy-page{background:linear-gradient(90deg,#07110df5,#07110de8 32%,#07110c28 78%);padding:35px 50px!important}.catalogue-end .cover-message{max-width:520px}.completion-seal{display:flex;align-items:center;gap:13px;margin:18px 0 22px}.completion-seal>span{font-size:10px;letter-spacing:2px;max-width:250px;color:#bad5a4}.completion-seal svg{width:43px;flex:none;fill:none;stroke:#a9d385;stroke-width:1.5}.completion-seal svg path{stroke-dasharray:50;animation:finish-check 1.5s .5s both}.catalogue-end h1{font-size:clamp(39px,4vw,59px);line-height:1.05;font-weight:300;letter-spacing:-1.7px}.catalogue-end h1 em{font-family:Georgia,serif;color:#b7cf9a;font-weight:400}.catalogue-end .cover-message>p{font-size:17px;max-width:390px;color:#d2dec8}.end-milestones{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:#bdd4ac;margin:20px 0}.end-milestones span:before{content:'✓';margin-right:5px;color:#95c76c}.catalogue-end .end-reassurance{font-size:11px;margin-bottom:12px}.catalogue-end .catalogue-open{font-size:14px;padding:12px 18px}.catalogue-end .restart-link{font-size:12px}.catalogue-end .cover-top{transform-origin:left top;transform:scale(.82);margin-bottom:-15px}
.measured-plan{position:relative}.measuring-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.real-ruler{transform-box:view-box;transform-origin:147px 470px}.measure-running .real-ruler{animation:ruler-align 2.2s cubic-bezier(.22,.7,.24,1) both}.measure-running .measure-line{stroke-dasharray:103;animation:measure-draw 1.8s 1.8s both}.measure-running .measure-guides{animation:measure-appear .5s 1.7s both}.measure-running .measure-result{animation:measure-appear .6s 3.1s both}.measure-replay{margin-top:14px;padding:0 0 5px;background:none;border:0;border-bottom:1px solid #9cc48166;color:#b8d9a1;font-size:15px;align-self:flex-start}.measure-note{font-size:11px!important;color:#82967a;margin:9px 0 0}.delivery-receipt{background:#eef0e7;color:#2c3b29;padding:20px 23px;margin-top:20px;border-radius:8px;box-shadow:0 18px 35px #0003;transform:rotate(-1deg);transition:transform .6s}.bl-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b8c4ad;padding-bottom:12px}.bl-heading div>span{font-size:10px;letter-spacing:2px;color:#688c48}.bl-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:2px 0 0}.bl-badge{font-size:20px;border:1px solid #b6c9a5;border-radius:5px;padding:5px 10px;color:#5d7c45}.bl-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #d6ddce;font-size:12px}.bl-line strong{font-weight:500}.bl-check{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;margin:17px 0}.bl-check input{accent-color:#547e35;width:17px;height:17px;flex:none}.bl-validate{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:#315128;border:0;color:#edf5e4;padding:12px 14px;border-radius:5px;font-size:13px}.bl-validate:disabled{opacity:.45}.delivery-receipt>small{display:block;font-size:9px;color:#7b8970;margin-top:12px}.bl-confirmation{display:flex;align-items:center;gap:12px;color:#3e6430}.bl-confirmation:empty{display:none}.bl-confirmation svg{width:40px;fill:none;stroke:#588c38;stroke-width:2;flex:none}.bl-confirmation svg path{stroke-dasharray:50;animation:finish-check 1s both}.bl-confirmation strong{display:block;font-size:17px;font-weight:500}.bl-confirmation span{font-size:11px}.bl-reset{font-size:10px;color:#637b52;background:none;border:0;text-decoration:underline;padding:10px 0 0}.bl-complete{transform:rotate(0);box-shadow:0 0 0 1px #a4cc7c,0 20px 40px #0003}
@keyframes ruler-align{from{transform:translate(12px,75px) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes measure-draw{from{stroke-dashoffset:103}to{stroke-dashoffset:0}}@keyframes measure-appear{from{opacity:0}to{opacity:1}}@keyframes finish-check{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes architectural-reveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:skewY(-9deg) translateY(20px)}to{opacity:1;clip-path:inset(0);transform:skewY(-9deg)}}
@media(max-width:800px),(orientation:portrait){.catalogue-cover>.copy-page{padding:35px!important}.catalogue-cover .cover-brand-lockup{flex-direction:row;gap:15px}.catalogue-cover .cover-brand-lockup .cover-logo{width:130px;height:90px}.catalogue-cover .cover-brand-lockup .recipient-logo{width:160px}.catalogue-cover .editorial-cover-title h1{font-size:50px;letter-spacing:-2px}.catalogue-cover>.photo-page .photo{background-position:65% center}.catalogue-cover>.copy-page{background:linear-gradient(90deg,#07110fe8,#07110f80 80%,#07110f40)}.editorial-cover-lines i{right:8%;width:60%;top:28%;bottom:12%}.editorial-cover-lines i:nth-child(2){right:10%;width:56%;top:30%;bottom:14%}.editorial-cover-lines i:nth-child(3){right:6%;width:64%;top:26%;bottom:10%}.delivery-receipt{padding:14px 17px;margin-top:12px}.bl-heading{padding-bottom:8px}.bl-heading h2{font-size:20px}.bl-line{padding:7px 0;font-size:11px}.bl-check{font-size:11px;margin:12px 0}.bl-validate{padding:10px;font-size:12px}.delivery-receipt>small{font-size:8px;margin-top:8px}.catalogue-mode[data-chapter=livraison] .copy-page{padding:15px 21px}.catalogue-mode[data-chapter=livraison] h1{font-size:28px;margin-bottom:10px}.catalogue-mode[data-chapter=livraison] .lead{font-size:14px;line-height:1.4}.catalogue-mode[data-chapter=livraison] .page-label{display:none}.catalogue-mode[data-chapter=livraison] .story-phases{margin-bottom:10px}.catalogue-mode .measure-replay{font-size:13px;margin-top:10px}.catalogue-end>.copy-page{padding:26px!important}.catalogue-end .cover-top{display:none}.catalogue-end .cover-message{margin-top:auto}.completion-seal{margin:8px 0 14px}.completion-seal>span{font-size:9px}.catalogue-end h1{font-size:42px}.catalogue-end .cover-message>p{font-size:15px;max-width:320px}.end-milestones{font-size:10px;margin:12px 0}}
@media(max-width:480px){.catalogue-cover>.copy-page{padding:36px 28px!important;justify-content:flex-end;gap:25px}.catalogue-cover .cover-edition{position:absolute;top:35px;left:28px;font-size:8px;letter-spacing:2px}.catalogue-cover .cover-brand-lockup{position:absolute;top:65px;left:28px;gap:12px;align-items:center}.catalogue-cover .cover-brand-lockup .cover-logo{width:100px;height:80px}.catalogue-cover .cover-brand-lockup .recipient-logo{width:150px}.catalogue-cover .cover-brand-lockup .identity-divider{height:35px;width:1px}.catalogue-cover .editorial-cover-title h1{font-size:43px;letter-spacing:-1.8px}.editorial-cover-title>span{font-size:13px;display:block;max-width:230px}.catalogue-cover .catalogue-open{font-size:13px;gap:18px;padding-left:20px;margin-bottom:15px}.catalogue-cover .catalogue-open span{width:40px;height:40px}.catalogue-cover>.copy-page{background:linear-gradient(0deg,#06100ff5,#07110f55 66%,#07110fdd)}.catalogue-cover>.photo-page .photo{background-position:63% center}.catalogue-end>.copy-page{background:linear-gradient(0deg,#08140bfa 0%,#08140be8 46%,#08140b00 85%)}.catalogue-end .photo{background-position:center top!important}.catalogue-end h1{font-size:35px;margin-bottom:12px}.catalogue-end .cover-message>p{font-size:14px;line-height:1.4;margin-bottom:10px}.completion-seal svg{width:32px}.completion-seal>span{font-size:8px;letter-spacing:1.4px}.end-milestones{gap:5px 10px;font-size:9px}.catalogue-end .end-reassurance{font-size:10px}.catalogue-end .catalogue-open{font-size:12px;padding:10px 12px}.catalogue-end .end-actions{gap:10px}.catalogue-end .restart-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.measuring-overlay *,.editorial-cover-lines i,.catalogue-cover .editorial-cover-title,.completion-seal svg path,.bl-confirmation svg path{animation:none!important}.delivery-receipt{transition:none}}
.choices-photo{display:flex;align-items:center;background:#171c16}.choices-visual{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.choices-image{position:absolute;inset:0;background-image:url('assets/choix-finitions.png?v=c2cab6e3af27');background-size:300% 100%;opacity:0;transition:opacity .65s ease}.choice-0{background-position:0 0}.choice-1{background-position:50% 0}.choice-2{background-position:100% 0}.choices-spread[data-choice='0'] .choice-0,.choices-spread[data-choice='1'] .choice-1,.choices-spread[data-choice='2'] .choice-2{opacity:1}.choices-caption{position:absolute;bottom:25px;left:25px;background:#101b15cf;border:1px solid #d9e6cb30;padding:10px 16px;border-radius:4px;font-size:12px;letter-spacing:2px;color:#e1ecd5}.choices-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.choices-tabs button{border:1px solid #839b6b55;padding:11px 15px;background:#ffffff03;border-radius:7px;font-size:14px}.choices-tabs button[aria-pressed=true]{background:#a8c88b;color:#182616;border-color:#a8c88b}.choices-note{min-height:150px;margin-top:24px;border-top:1px solid #a3bd8633;padding-top:20px}.choices-note h2{font-weight:400;font-size:23px;line-height:1.25;margin:0 0 14px;color:#d6e5c8}.choices-note p{font-size:17px;line-height:1.55;color:#aebea3;margin:0}.choices-foot{font-size:11px!important;color:#7e9275;line-height:1.5;max-width:380px;margin-top:14px}
@media(max-width:800px),(orientation:portrait){.catalogue-mode .choices-photo{min-height:230px;flex:1}.catalogue-mode .choices-visual{height:100%;aspect-ratio:auto}.catalogue-mode .choices-image{background-size:300% auto;background-position-y:center}.choices-tabs{margin-top:16px;gap:6px}.choices-tabs button{padding:9px 11px;font-size:12px}.choices-note{margin-top:16px;padding-top:15px;min-height:110px}.choices-note h2{font-size:20px;margin-bottom:10px}.choices-note p{font-size:14px}.choices-foot{font-size:9px!important;margin-top:10px}.catalogue-mode .choices-spread .copy-page{padding:18px 22px}.catalogue-mode .choices-spread h1{font-size:29px;margin-bottom:12px}.catalogue-mode .choices-spread .lead{font-size:15px;line-height:1.4}.catalogue-mode .choices-spread .page-label{display:none}.catalogue-mode .choices-spread .story-phases{margin-bottom:12px}.choices-caption{font-size:10px;left:15px;bottom:15px;padding:7px 11px}}
@media(prefers-reduced-motion:reduce){.choices-image{transition:none}}
.finish-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#45513a66,transparent 65%),linear-gradient(145deg,#131d17,#0a120e);padding:20px}.finish-pair{position:relative;width:100%;height:85%;min-height:320px;display:grid;place-items:center;perspective:1000px}.pair-object{position:relative;width:64%;max-width:330px;aspect-ratio:.76;filter:drop-shadow(12px 25px 20px #0009);transform:rotateY(-13deg) rotateX(3deg);transform-style:preserve-3d}.pair-front{position:absolute;left:0;right:0;top:10%;bottom:0;background-size:100% auto;background-position:center top;background-repeat:no-repeat;border:1px solid #ffffff15;box-shadow:inset -7px 0 10px #0003;clip-path:inset(0 0 0 0 round 1px)}.pair-surface{position:absolute;left:-6%;width:112%;height:21%;top:-7%;background-size:cover;clip-path:polygon(9% 0,100% 10%,91% 100%,0 89%);z-index:3;box-shadow:inset 0 1px #fff7}.pair-edge{position:absolute;left:-6%;width:102%;height:4%;top:10.3%;background-size:cover;filter:brightness(.72);z-index:4;transform:skewY(1deg);box-shadow:0 5px 8px #0004}.pair-shadow{position:absolute;bottom:-6%;left:-10%;width:120%;height:9%;background:#0006;filter:blur(14px);border-radius:50%;z-index:-1}.pair-indicators{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:2px;color:#aabe9b;margin-top:16px}.pair-indicators i{font-style:normal;color:#6b865b}.pair-change .pair-object{animation:sample-settle .6s cubic-bezier(.2,.7,.3,1)}.finish-spread .copy-page{padding-top:30px;padding-bottom:25px}.finish-spread h1{font-size:40px}.finish-spread .lead{font-size:17px;max-width:410px}.finish-row{margin-top:23px;min-width:0}.finish-row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.finish-row-heading h2{font-size:16px;letter-spacing:.4px;font-weight:400;margin:0;color:#d6e5cb}.finish-row-heading>div{display:flex;gap:7px}.finish-row-heading button{width:31px;height:31px;border:1px solid #9dbb8045;border-radius:50%;background:#ffffff03;font-size:24px;display:grid;place-items:center;line-height:1;padding:0;color:#b9d29e}.finish-row-heading button:hover{background:#77bd4122}.finish-carousel{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#546c43 transparent;padding:4px 4px 10px;touch-action:pan-x}.finish-swatch{padding:4px;border:1px solid #ffffff1c;background:#ffffff05;border-radius:7px;flex:0 0 75px;height:88px;scroll-snap-align:center;transition:transform .25s,border-color .25s;overflow:hidden}.finish-swatch[aria-pressed=true]{border-color:#b5d996;box-shadow:0 0 0 1px #b5d996;transform:translateY(-2px)}.finish-swatch-image{display:block;width:100%;height:100%;background-size:100% auto;background-position:center top;border-radius:3px}.top-swatch{height:58px;flex-basis:75px}.top-swatch .finish-swatch-image{background-size:cover}.finish-hint{font-size:12px!important;color:#8ea27f;display:flex;align-items:center;gap:10px;margin:18px 0 0}.finish-hint>span{font-size:20px}.catalogue-cover .catalogue-open>span{animation:cover-arrow-breathe 3s ease-in-out infinite}.catalogue-cover .catalogue-open:after{animation:cover-sheen 4.5s 2s infinite}.catalogue-end .cover-message{animation:end-message-in 1s .25s both}.catalogue-end .end-milestones span{animation:cover-reveal .6s both}.catalogue-end .end-milestones span:nth-child(1){animation-delay:.7s}.catalogue-end .end-milestones span:nth-child(2){animation-delay:1s}.catalogue-end .end-milestones span:nth-child(3){animation-delay:1.3s}@keyframes sample-settle{from{opacity:.55;transform:rotateY(-18deg) rotateX(3deg) translateY(10px)}to{opacity:1;transform:rotateY(-13deg) rotateX(3deg) translateY(0)}}@keyframes cover-arrow-breathe{50%{box-shadow:0 0 0 7px #bddc8b14;transform:translateX(3px)}}@keyframes end-message-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:800px),(orientation:portrait){.finish-preview{min-height:360px}.finish-pair{height:300px;min-height:0}.pair-object{width:180px;max-height:280px}.pair-indicators{margin:10px 0 0;font-size:10px}.catalogue-mode .finish-preview{padding:12px;min-height:220px;flex:1}.catalogue-mode .finish-pair{height:100%;min-height:0}.catalogue-mode .pair-object{height:90%;width:auto;aspect-ratio:.76;max-height:310px}.catalogue-mode .pair-indicators{margin-top:5px;font-size:9px}.finish-row{margin-top:14px}.finish-row-heading{margin-bottom:6px}.finish-row-heading h2{font-size:14px}.finish-row-heading button{width:27px;height:27px;font-size:21px}.finish-carousel{gap:8px;padding:3px 3px 7px}.finish-swatch{height:65px;flex-basis:57px;padding:3px}.top-swatch{height:43px;flex-basis:57px}.finish-hint{font-size:10px!important;margin-top:8px}.catalogue-mode .finish-spread .copy-page{padding:15px 21px}.catalogue-mode .finish-spread .page-label{display:none}.catalogue-mode .finish-spread .story-phases{margin-bottom:10px}.catalogue-mode .finish-spread h1{font-size:29px;margin-bottom:10px}.catalogue-mode .finish-spread .lead{font-size:14px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.pair-change .pair-object,.catalogue-cover .catalogue-open>span,.catalogue-cover .catalogue-open:after,.catalogue-end .cover-message,.catalogue-end .end-milestones span{animation:none!important}.finish-swatch{transition:none}}
.finish-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finish-spread>.copy-page{min-width:0}.finish-spread .finish-row{max-width:100%;width:100%}.finish-spread .finish-carousel{max-width:100%;width:100%}.pair-front,.front-swatch .finish-swatch-image{background-size:115% auto}
@media(max-width:800px),(orientation:portrait){.finish-spread{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px),(orientation:portrait){.catalogue-mode .finish-preview .pair-object{width:clamp(125px,28vw,210px);height:auto;max-height:none;aspect-ratio:.76}.catalogue-mode .finish-pair{flex:1;min-height:175px}.catalogue-mode .finish-preview{min-height:230px}}
/* High-contrast, touch-friendly trade controls */
.real-worksite-spread .worksite-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px!important;width:100%}.real-worksite-spread .worksite-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:91px;padding:13px 6px!important;border:1px solid #79927a;border-radius:12px;background:linear-gradient(145deg,#304034,#243229);color:#fff;font-size:15px!important;font-weight:600;box-shadow:0 5px 12px #0003;transition:transform .2s,background .25s,border-color .25s,box-shadow .25s}.real-worksite-spread .worksite-tabs button svg{width:26px;height:26px;fill:none;stroke:var(--trade-color);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.real-worksite-spread .worksite-tabs button>i{position:absolute;top:7px;right:9px;font-size:13px;font-style:normal;color:var(--trade-color);opacity:0}.real-worksite-spread .worksite-tabs button[aria-pressed=true]{border:2px solid var(--trade-color);background:linear-gradient(145deg,#405346,#1a2a21);box-shadow:0 0 0 3px #bfe5ae12,0 8px 20px #0004;transform:translateY(-3px)}.real-worksite-spread .worksite-tabs button[aria-pressed=true]>i{opacity:1}.real-worksite-spread .worksite-tabs button[aria-pressed=true]:after{content:'';position:absolute;left:25%;right:25%;bottom:0;height:3px;border-radius:3px;background:var(--trade-color)}.real-worksite-spread .worksite-tabs button:hover{background:#405447;transform:translateY(-3px);border-color:var(--trade-color)}.real-worksite-spread .worksite-tabs button:focus-visible{outline:3px solid white;outline-offset:4px}.real-worksite-spread .simple-technical-plan{margin-top:17px}.real-worksite-spread .worksite-play{align-self:flex-start;background:#293a2c;border:1px solid #a3c58b;border-radius:25px;padding:9px 16px!important;color:#e4f4d7;font-size:13px;margin-top:10px}.real-worksite-spread .worksite-play:hover{background:#3e5734}.real-worksite-spread .worksite-status{color:#d1e0c7}.real-worksite-spread h1{margin-bottom:12px}
@media(max-width:800px),(orientation:portrait){.catalogue-mode .real-worksite-spread .worksite-tabs{gap:7px;margin-top:13px!important}.catalogue-mode .real-worksite-spread .worksite-tabs button{min-height:68px;padding:9px 4px!important;font-size:12px!important;gap:5px;border-radius:9px}.catalogue-mode .real-worksite-spread .worksite-tabs button svg{width:22px;height:22px}.catalogue-mode .real-worksite-spread .worksite-tabs button>i{top:4px;right:6px;font-size:10px}.catalogue-mode .real-worksite-spread .simple-technical-plan{margin-top:11px;padding-top:8px}.catalogue-mode .real-worksite-spread .simple-technical-plan svg{max-height:105px}.catalogue-mode .real-worksite-spread .worksite-play{font-size:11px;padding:7px 12px!important;margin-top:6px}.catalogue-mode .real-worksite-spread .worksite-status{margin-top:8px!important;min-height:30px!important}.catalogue-mode .real-worksite-spread .copy-page{padding:13px 18px}.catalogue-mode .real-worksite-spread .story-phases{margin-bottom:8px}.catalogue-mode .real-worksite-spread .lead{font-size:13px!important}.catalogue-mode .real-worksite-spread h1{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){.real-worksite-spread .worksite-tabs button{transition:none}}