.bnp-vector{display:block;width:225px;height:auto;max-width:100%;object-fit:contain}.header-recipient .bnp-vector{width:132px;height:auto}.identity-lockup .cover-logo{width:166px;height:96px}.identity-lockup{gap:27px}.identity-lockup .recipient-logo{max-width:48%}.identity-caption{font-size:16px}.header-identity .brand img{width:104px}.header-identity{gap:15px}.catalogue-launch{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;background:#080e0a;transition:opacity .45s,visibility .45s;pointer-events:none}.launch-logos{display:flex;align-items:center;gap:35px;animation:launch-appear .7s ease both}.launch-logos img:first-child{width:160px;height:100px;object-fit:contain}.launch-logos img:last-child{width:220px;height:auto}.launch-logos>span{width:1px;height:55px;background:#b2d19b55}.launch-line{width:200px;height:1px;background:#77bd4133;position:relative;overflow:hidden}.launch-line:after{content:'';position:absolute;inset:0;background:#a0d97a;transform-origin:left;animation:launch-line 1s ease both}.launch-out{opacity:0;visibility:hidden}.app{transition:opacity .6s,transform .6s}.catalogue-boot .app{opacity:0;transform:translateY(8px)}@keyframes launch-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes launch-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.professional-page{padding:30px 9%;justify-content:center}.professional-page h1{font-size:clamp(32px,3.2vw,48px);margin-bottom:19px}.professional-page .lead{font-size:19px;line-height:1.6}.professional-page .page-label{margin-bottom:20px}.professional-points{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}.professional-points li{font-size:17px;color:#c3d4bb;line-height:1.45;display:flex;gap:12px;align-items:center}.professional-points li:before{content:'';width:6px;height:6px;border:1px solid #a6d68a;transform:rotate(45deg);flex-shrink:0}.professional-page .project-link{margin-top:17px;padding:8px 0}.collaboration-lockup{display:flex;gap:20px;align-items:center;margin-bottom:26px}.collaboration-lockup>img{width:100px;height:65px;object-fit:contain}.collaboration-lockup>a img{width:150px;height:auto;display:block}.collaboration-lockup>span{height:34px;width:1px;background:#b6d0a34d}.professional-page:has(.collaboration-lockup) h1{font-size:40px}.orientation-note{font-size:16px;color:#a7baa0;line-height:1.6;margin:0 0 24px}.logo-credit{font-size:14px;color:#91a587;border-top:1px solid #ffffff15;padding-top:20px}.logo-credit a{text-decoration:underline}
.is-portrait .spread:not(.special-spread){display:flex;flex-direction:column;height:auto;min-height:0}.is-portrait .spread:not(.special-spread)>.photo-page{height:clamp(280px,43svh,620px);flex-shrink:0}.is-portrait .copy-page{padding:29px 6%;min-height:0}.is-portrait .professional-page h1{font-size:clamp(32px,4.2vw,48px)}.is-portrait .professional-page .lead{font-size:20px}.is-portrait .professional-points{margin-top:20px}.is-portrait .navigation{position:sticky;bottom:10px;z-index:8;background:#0c150fee;backdrop-filter:blur(16px);border:1px solid #ffffff13;border-radius:45px;padding:10px 15px}.catalogue-mode.is-portrait .spread:not(.special-spread){height:100%}.catalogue-mode.is-portrait .spread:not(.special-spread)>.photo-page{flex:1;min-height:125px;height:auto}.catalogue-mode.is-portrait .spread>.copy-page{flex-shrink:0;padding:23px 5%}.catalogue-mode.is-portrait .navigation{position:static;margin:16px auto 13px}.catalogue-mode .professional-page .lead{font-size:18px}.catalogue-mode .professional-points{gap:10px;margin-top:18px}.catalogue-mode .professional-points li{font-size:16px}
@media(max-width:800px){.header-identity .brand img{width:78px;height:55px}.header-recipient .bnp-vector{width:111px;height:auto}.header-identity{gap:10px}.header-identity .identity-divider{height:27px}.catalogue-tools #catalogue-fullscreen{height:37px;width:37px;padding:0;justify-content:center}.catalogue-tools #fullscreen-label{display:none}.catalogue-tools .outline-button{font-size:13px;padding:8px 10px}.identity-lockup{gap:17px}.identity-lockup .cover-logo{width:125px;height:76px}.identity-lockup .bnp-vector{width:155px}.identity-caption{font-size:14px}.launch-logos{gap:20px}.launch-logos img:first-child{width:105px;height:70px}.launch-logos img:last-child{width:150px}.launch-logos>span{height:35px}.professional-page{padding:25px 27px 30px}.professional-page h1{font-size:34px}.professional-page .lead,.is-portrait .professional-page .lead{font-size:18px}.professional-points{gap:11px;margin-top:21px}.professional-points li{font-size:16px}.professional-page:has(.collaboration-lockup) h1{font-size:33px}.collaboration-lockup{gap:15px;margin-bottom:21px}.collaboration-lockup>img{width:85px;height:54px}.collaboration-lockup>a img{width:140px}.catalogue-mode .header-recipient .bnp-vector{width:100px}.catalogue-mode .header-identity .brand img{width:69px;height:50px}.catalogue-mode .professional-page .lead{font-size:17px}.catalogue-mode .professional-points{gap:8px;margin-top:14px}.catalogue-mode .professional-points li{font-size:15px}.catalogue-mode .collaboration-lockup{margin-bottom:13px}.catalogue-mode .collaboration-lockup>img{width:69px;height:44px}.catalogue-mode .collaboration-lockup>a img{width:120px}.catalogue-mode .professional-page:has(.collaboration-lockup) h1{font-size:30px}}
@media(max-width:380px){.header-identity .brand img{width:67px}.header-recipient .bnp-vector{width:98px}.header-identity{gap:7px}.identity-lockup .cover-logo{width:111px}.identity-lockup .bnp-vector{width:136px}.launch-logos{gap:15px}.launch-logos img:first-child{width:95px}.launch-logos img:last-child{width:135px}}
@media(max-width:480px){.catalogue-mode .collaboration-lockup{display:none}.catalogue-mode .professional-points{gap:7px}.catalogue-mode .professional-page:has(.collaboration-lockup) h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.catalogue-launch{display:none}.catalogue-boot .app{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.story-phases{display:flex;gap:0;align-items:center;margin:0 0 25px;font-size:13px;color:#788d7c;flex-wrap:wrap}.story-phases span{display:flex;align-items:center;gap:10px}.story-phases span:not(:last-child):after{content:'›';font-size:18px;margin-right:10px;color:#58754b}.story-phases .active{color:#bce39e}.story-phases .complete{color:#a4b49d}.professional-page .page-label{font-size:16px;color:#c1d4b9;margin-bottom:16px}.professional-page .lead{line-height:1.55}.professional-points{margin-top:22px}.catalogue-cover:before{content:'';position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#000c,#ffffff12,transparent);z-index:3;pointer-events:none}.catalogue-cover .catalogue-open{background:#77bd41;color:#11240c;border-radius:8px;padding:16px 25px}.mail-scene{background:radial-gradient(ellipse at top left,#31432c,#151b18 68%);display:flex;align-items:center;justify-content:center;padding:32px}.mail-window{width:100%;max-width:560px;background:#f8faf7;color:#25302b;border:1px solid #e3ebe0;border-radius:15px;box-shadow:0 30px 70px #0006;overflow:hidden;transform:perspective(1800px) rotateY(3deg)}.mail-toolbar{display:flex;gap:12px;align-items:center;background:#e9eee7;border-bottom:1px solid #d9e2d5;padding:16px 20px;font-size:14px}.mail-app-icon{font-size:22px}.mail-received{margin-left:auto;font-size:12px;color:#407f31;background:#d9e8d1;border-radius:20px;padding:5px 10px}.mail-body{padding:24px}.mail-sender{display:flex;gap:12px;align-items:center;font-size:12px}.mail-sender img{width:58px;height:49px;object-fit:contain;background:#131b16;border-radius:7px;padding:5px}.mail-sender span{display:block;color:#69766b;margin-top:5px}.mail-body h2{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:24px 0 18px}.mail-body p{font-size:15px;line-height:1.6;margin:12px 0}.mail-signature{color:#586655}.mail-attachments{display:flex;flex-direction:column;gap:10px;margin-top:22px}.mail-file{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #d6dfd1;background:#fff;color:#26382a;padding:8px;border-radius:9px;width:100%;transition:border-color .2s,transform .2s}.mail-file:hover{border-color:#57963b;transform:translateY(-2px)}.mail-file>img{height:53px;width:76px;object-fit:cover;border-radius:4px}.mail-file strong{font-size:14px;display:block}.mail-file small{display:block;color:#66815b;margin-top:5px;font-size:12px}.pdf-symbol{display:grid;place-items:center;height:53px;width:76px;background:#edf2e9;color:#476f39;border-radius:4px;font-size:15px;flex-shrink:0}.mail-example{padding:10px 24px;background:#edf1ea;font-size:11px;color:#6e7c69}.dossier-note{border-left:2px solid #77bd41;margin-top:25px;padding-left:16px;color:#b7d4a5;font-size:18px;line-height:1.5}.project-document{width:min(950px,94vw);max-height:92dvh;padding:45px 30px 25px;background:#101912;color:#dce8d7;border:1px solid #465d3b}.document-kicker{font-size:13px;letter-spacing:2px;color:#87b76c}.project-render{width:100%;max-height:65dvh;object-fit:contain;border-radius:8px}.document-preview>p:last-child{font-size:16px}.quote-paper{max-width:700px;margin:auto;background:#fafbf8;color:#29362b;padding:38px;border-radius:5px}.quote-paper>img{width:100px;height:68px;object-fit:contain;background:#182218;padding:8px;border-radius:5px}.quote-paper h2{font-size:36px;margin:18px 0}.quote-paper>p{font-size:17px;line-height:1.5}.quote-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d6dfd1;padding:20px 0;font-size:14px}.quote-row>span:first-child{color:#6c8b5f}.quote-row>span:last-child{margin-left:auto;color:#6c7d65;font-size:12px}.quote-paper .quote-footnote{font-size:13px;color:#6c7865;margin-top:28px}.book.ready .mail-window{animation:mail-arrive .75s ease both}@keyframes mail-arrive{from{opacity:0;transform:perspective(1800px) rotateY(7deg) translateY(16px)}to{opacity:1;transform:perspective(1800px) rotateY(3deg)}}
@media(max-width:800px),(orientation:portrait){.story-phases{margin-bottom:16px;font-size:12px}.story-phases span{gap:7px}.story-phases span:not(:last-child):after{margin-right:7px}.mail-scene{padding:24px!important;height:auto!important;min-height:540px!important}.mail-window{max-width:530px;transform:none}.mail-body{padding:20px}.mail-body h2{font-size:24px}.mail-body p{font-size:14px}.catalogue-mode .mail-scene{min-height:315px!important;padding:12px!important}.catalogue-mode .mail-toolbar{padding:8px 14px;font-size:12px}.catalogue-mode .mail-body{padding:14px}.catalogue-mode .mail-body h2{font-size:21px;margin:13px 0}.catalogue-mode .mail-body p{font-size:13px;line-height:1.4;margin:8px 0}.catalogue-mode .mail-signature{display:none}.catalogue-mode .mail-attachments{margin-top:12px;gap:7px}.catalogue-mode .mail-file>img,.catalogue-mode .pdf-symbol{height:38px;width:56px}.catalogue-mode .mail-example{padding:6px 14px;font-size:10px}.catalogue-mode .story-phases{margin-bottom:12px}.catalogue-mode .dossier-note{font-size:15px;margin-top:12px}.quote-paper{padding:24px}.quote-row{font-size:13px;gap:9px}.quote-row>span:last-child{font-size:11px}.project-document{padding:45px 15px 20px}}
@media(max-height:650px) and (min-width:801px){.mail-scene{padding:16px}.mail-body{padding:16px}.mail-body h2{margin:14px 0;font-size:23px}.mail-body p{font-size:13px;line-height:1.4}.mail-signature{display:none}.mail-attachments{margin-top:14px}.mail-toolbar{padding:10px 16px}.professional-page{padding:20px 7%}.story-phases{margin-bottom:15px}.professional-points{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.catalogue-launch{display:none}.catalogue-boot .app{opacity:1;transform:none}.mail-window{animation:none!important}}
@media(max-width:480px){.catalogue-mode[data-chapter=dossier] .copy-page{padding:17px 20px}.catalogue-mode[data-chapter=dossier] h1{font-size:28px;margin-bottom:12px}.catalogue-mode[data-chapter=dossier] .lead{font-size:16px;line-height:1.45}.catalogue-mode[data-chapter=dossier] .dossier-note{display:none}.catalogue-mode[data-chapter=dossier] .story-phases{font-size:11px;margin-bottom:13px}.catalogue-mode[data-chapter=dossier] .page-label{font-size:14px;margin-bottom:12px}.catalogue-mode[data-chapter=dossier] .mail-scene{min-height:270px!important;overflow:auto;padding:10px!important}.catalogue-mode .mail-window{transform:none;animation:none!important;flex-shrink:0}.catalogue-mode .mail-toolbar{padding:7px 11px;font-size:11px;gap:8px}.catalogue-mode .mail-received{font-size:10px;padding:3px 7px}.catalogue-mode .mail-app-icon{font-size:17px}.catalogue-mode .mail-body{padding:11px}.catalogue-mode .mail-sender{font-size:11px;gap:9px}.catalogue-mode .mail-sender img{width:42px;height:34px}.catalogue-mode .mail-body h2{font-size:20px;margin:12px 0}.catalogue-mode .mail-body>p{display:none}.catalogue-mode .mail-attachments{margin-top:10px}.catalogue-mode .mail-file{padding:6px;gap:9px}.catalogue-mode .mail-file strong{font-size:12px}.catalogue-mode .mail-file small{font-size:10px;margin-top:3px}.catalogue-mode .mail-file>img,.catalogue-mode .pdf-symbol{height:35px;width:48px}.catalogue-mode .mail-example{font-size:9px;padding:6px 11px}}

.launch-line:after{animation-duration:1.5s}.launch-logos{animation-duration:1s}
