.catalogue-tools{display:flex;gap:10px;align-items:center}.catalogue-tools .outline-button{white-space:nowrap}.bnp-link{display:flex;align-items:center;gap:13px;color:#a9bba5}.bnp-link:hover{color:#e3efdf}.bnp-symbol{display:block;position:relative;width:46px;height:46px;overflow:hidden;border-radius:26%;flex-shrink:0;background:#07966b;box-shadow:0 3px 14px #0003}.bnp-symbol img{position:absolute;width:120%;max-width:none;height:auto;left:-10%;top:-3%;display:block}.footer-bnp{font-size:14px}.footer-bnp .bnp-symbol{width:34px;height:34px}.footer-bnp>span:last-child>span{margin-left:5px}.special-spread{display:block;isolation:isolate}.special-spread>.photo-page{position:absolute;inset:0;width:100%;height:100%;z-index:0}.special-spread .photo{background-size:cover;background-position:center;transform:scale(1.01)}.special-spread>.photo-page:after{display:none}.special-spread>.copy-page{width:100%;height:100%;position:relative;z-index:1;justify-content:space-between;padding:37px 5.5%;box-shadow:none;background:linear-gradient(90deg,#07120bfa 0%,#0c190deb 32%,#09140b70 72%,#09140b33);min-height:0}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.cover-logo{width:166px;height:100px;object-fit:contain}.catalogue-eyebrow{font-size:16px;letter-spacing:3px;color:#a8cf91;margin:0}.cover-message{margin:12px 0}.special-spread h1{font-size:clamp(40px,4.5vw,68px);line-height:1.05;max-width:700px;letter-spacing:-2px;margin:0 0 19px}.cover-message>p{font-size:21px;color:#c5d3c0;font-weight:300;margin:0 0 25px}.catalogue-open{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#77bd41;color:#13260a;border:1px solid #a6dc80;border-radius:35px;font-size:18px;padding:13px 24px;align-self:flex-start;box-shadow:0 7px 26px #0004}.catalogue-open:hover{background:#96d965}.catalogue-open>span{font-size:25px;line-height:1;transition:transform .2s}.catalogue-open:hover>span{transform:translateX(4px)}.cover-bnp{align-self:flex-start;border-top:1px solid #d5efc92b;padding-top:17px;gap:25px}.cover-bnp .bnp-symbol{height:65px;width:65px}.recipient-copy{font-size:15px;color:#b9cbb1}.recipient-name{display:block;font-size:21px;color:#f0f7eb;letter-spacing:.2px;margin-top:3px}.recipient-name>span{color:#8bc96a;margin-left:13px;font-size:20px}.end-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.restart-link{font-size:17px;color:#dbebd1;border-bottom:1px solid #a3ca8d66;padding-bottom:5px}.restart-link>span{margin-left:12px}.catalogue-end .copy-page{background:linear-gradient(90deg,#09140bfa 5%,#0b170ee8 45%,#0b140c44)}.catalogue-end .photo{background-position:70% center;filter:brightness(.8)}.book.ready .special-spread .copy-page>*{animation:word-in .7s ease both}.book.ready .special-spread .cover-message{animation-delay:.08s}.book.ready .special-spread .cover-bnp{animation-delay:.16s}
.catalogue-mode{height:100dvh;overflow:hidden}.catalogue-mode .app{height:100dvh;max-width:none;display:flex;flex-direction:column;padding:0 26px}.catalogue-mode .topbar{height:76px;flex-shrink:0}.catalogue-mode .brand img{height:62px;width:98px}.catalogue-mode .book-area{padding-top:0;flex:1;min-height:0;display:flex;flex-direction:column}.catalogue-mode .book{width:100%;max-width:none;flex:1;min-height:0}.catalogue-mode .spread{height:100%;min-height:0}.catalogue-mode .navigation{flex:none;margin:18px auto 16px;width:min(900px,100%);position:static}.catalogue-mode .bottom-line{display:none}.catalogue-mode .special-spread .copy-page{padding-top:22px;padding-bottom:24px}.catalogue-mode .cover-logo{height:80px;width:145px}.catalogue-mode .cover-bnp .bnp-symbol{height:54px;width:54px}.catalogue-mode .cover-bnp{padding-top:12px}
@media(max-width:800px){.catalogue-tools{gap:7px}.catalogue-tools .outline-button{font-size:14px;padding:8px 12px;gap:7px}.catalogue-tools .menu-icon{display:none}.special-spread{height:clamp(590px,77svh,760px);min-height:590px}.special-spread>.photo-page{height:100%;padding:0}.special-spread>.copy-page{padding:24px 27px 27px;background:linear-gradient(90deg,#08150bf5,#0b180de0 55%,#0a150b88);min-height:0}.cover-top{gap:15px;align-items:center}.cover-logo{width:119px;height:76px}.catalogue-eyebrow{font-size:13px;letter-spacing:2px}.special-spread h1{font-size:clamp(38px,7vw,54px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:19px}.cover-message>p{font-size:18px;max-width:320px;margin-bottom:25px}.catalogue-open{font-size:16px;padding:12px 19px;gap:24px}.cover-bnp{width:100%;justify-content:space-between;gap:13px;padding-top:19px}.cover-bnp .bnp-symbol{width:60px;height:60px}.recipient-copy{font-size:14px}.recipient-name{font-size:19px}.footer-bnp{font-size:13px;gap:8px}.footer-bnp .bnp-symbol{width:30px;height:30px}.end-actions{gap:20px;align-items:flex-start;flex-direction:column}.restart-link{font-size:16px}.page-dots{gap:0}.page-dot{width:16px}.catalogue-mode .app{padding:0 12px}.catalogue-mode .topbar{height:66px}.catalogue-mode .brand img{height:55px;width:80px}.catalogue-mode .intro{display:none}.catalogue-mode .book{min-height:0}.catalogue-mode .spread:not(.special-spread) .photo-page{height:auto;min-height:110px;flex:1}.catalogue-mode .copy-page{min-height:0;padding:18px 23px 23px;flex-shrink:0}.catalogue-mode h1{font-size:32px;margin-bottom:13px}.catalogue-mode .lead{font-size:17px;line-height:1.5}.catalogue-mode .page-label{margin-bottom:12px;font-size:15px}.catalogue-mode .badge{margin-top:12px;font-size:15px}.catalogue-mode .project-link{margin-top:10px}.catalogue-mode .navigation{margin:15px auto 12px;bottom:auto;padding:7px 9px}.catalogue-mode .nav-arrow{width:43px;height:43px}.catalogue-mode .nav-line{font-size:16px}.catalogue-mode .counter{font-size:14px}.catalogue-mode .quality-note{min-height:0;margin-top:12px;font-size:15px}.catalogue-mode .quality-controls{margin-top:13px;gap:5px}.catalogue-mode .quality-controls button{font-size:14px;padding:7px 9px}.catalogue-mode .interaction-hint{font-size:15px;margin-top:12px}.catalogue-mode .special-spread{min-height:0;height:100%}.catalogue-mode .special-spread>.copy-page{padding:18px 24px 23px;min-height:0}.catalogue-mode .special-spread h1{font-size:clamp(33px,7vw,48px);margin-bottom:14px}.catalogue-mode .cover-logo{width:105px;height:68px}.catalogue-mode .catalogue-eyebrow{font-size:12px}.catalogue-mode .cover-message>p{font-size:17px;margin-bottom:18px}.catalogue-mode .catalogue-open{font-size:15px;padding:10px 16px}.catalogue-mode .cover-bnp{padding-top:12px}.catalogue-mode .cover-bnp .bnp-symbol{width:49px;height:49px}.catalogue-mode .recipient-copy{font-size:13px}.catalogue-mode .recipient-name{font-size:18px}}
@media(max-height:600px) and (min-width:801px){.catalogue-mode .topbar{height:58px}.catalogue-mode .navigation{margin:12px auto}.catalogue-mode .nav-arrow{width:45px;height:45px}.catalogue-mode .cover-logo{width:105px;height:60px}.catalogue-mode .special-spread h1{font-size:42px;margin-bottom:12px}.catalogue-mode .cover-message>p{font-size:18px;margin-bottom:14px}.catalogue-mode .catalogue-open{font-size:16px;padding:9px 17px}.catalogue-mode .cover-bnp .bnp-symbol{width:43px;height:43px}.catalogue-mode .cover-bnp{padding-top:7px}.catalogue-mode .recipient-name{font-size:18px}.catalogue-mode .copy-page.with-details h1{font-size:32px}.catalogue-mode .copy-page.with-details .lead{font-size:17px}.catalogue-mode .quality-note{font-size:15px;min-height:0}.catalogue-mode .quality-controls{margin-top:14px}}