:root{--cv-red:#df1f2d;--cv-dark:#17191e;--cv-muted:#9da3ad;--cv-paper:#fff;--cv-shadow:0 24px 70px rgba(0,0,0,.42);--cv-scale:1}
*{box-sizing:border-box}html,body{height:100%;margin:0}.catalogue-app{overflow:hidden;background:#272a30;color:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalogue-toolbar{height:64px;position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 18px;background:rgba(20,22,26,.98);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 5px 20px rgba(0,0,0,.25)}.catalogue-brand{display:flex;align-items:center;width:max-content;height:44px}.catalogue-brand img{display:block;max-width:150px;max-height:38px;object-fit:contain;filter:brightness(0) invert(1)}.catalogue-tools{display:flex;align-items:center;gap:3px}.catalogue-tools:last-child{justify-content:flex-end}.tool-btn{width:39px;height:39px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#d8dbe0;cursor:pointer;text-decoration:none;transition:background .18s,color .18s,transform .18s}.tool-btn:hover,.tool-btn:focus-visible,.tool-btn.is-active{background:rgba(255,255,255,.11);color:#fff;outline:0}.tool-btn:active{transform:scale(.92)}.tool-btn:disabled{opacity:.25;cursor:not-allowed}.tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool-btn svg path:first-child:not(:only-child),#thumbBtn svg path{fill:currentColor;stroke:none}.tool-btn--exit{margin-left:6px}.page-jump{height:36px;display:flex;align-items:center;gap:5px;margin:0 5px;padding:0 10px;border-radius:7px;background:#0e1013;color:#aeb3bc;font-size:13px}.page-jump input{width:46px;border:0;outline:0;background:transparent;color:#fff;text-align:right;font:600 14px inherit;-moz-appearance:textfield}.page-jump input::-webkit-inner-spin-button{display:none}
.catalogue-stage{height:calc(100% - 64px);position:relative;display:flex;align-items:center;justify-content:center;padding:26px 72px;background:radial-gradient(circle at 50% 42%,#494d55 0,#30333a 45%,#24262b 100%);overflow:auto;overscroll-behavior:none}.book-shell{width:min(72vw,680px);aspect-ratio:210/297;transform:scale(var(--cv-scale));transition:transform .22s ease;transform-origin:center;perspective:1600px;flex:none}.catalogue-page{position:relative;width:100%;height:100%;overflow:hidden;background:var(--cv-paper);color:#1b1f28;box-shadow:var(--cv-shadow);transform-style:preserve-3d;backface-visibility:hidden}.catalogue-page.turn-next{animation:turnNext .38s ease}.catalogue-page.turn-prev{animation:turnPrev .38s ease}@keyframes turnNext{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(-12deg) scale(.985);opacity:.65}100%{transform:rotateY(0);opacity:1}}@keyframes turnPrev{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(12deg) scale(.985);opacity:.65}100%{transform:rotateY(0);opacity:1}}
.page-cover{height:100%;padding:8% 9%;display:flex;flex-direction:column;background:#f6f3ee;color:#16181d}.cover-top{display:flex;justify-content:space-between;align-items:flex-start}.cover-logo{max-width:34%;max-height:58px;object-fit:contain}.cover-year{font-size:clamp(12px,1.2vw,17px);letter-spacing:.24em;color:#70747a}.cover-art{position:relative;flex:1;display:grid;place-items:center;margin:7% 0 5%;overflow:hidden;background:linear-gradient(135deg,#22252b 0 48%,var(--cv-red) 48% 70%,#d8d1c5 70%);isolation:isolate}.cover-art:before,.cover-art:after{content:"";position:absolute;border-radius:50%;z-index:-1}.cover-art:before{width:58%;aspect-ratio:1;background:#f6f3ee;right:-18%;top:-12%}.cover-art:after{width:45%;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);left:7%;bottom:9%}.cover-title{margin:0;color:#fff;font-size:clamp(38px,6vw,76px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.cover-title span{display:block;font-weight:300;font-size:.42em;letter-spacing:.24em;margin-bottom:12px}.cover-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.cover-foot p{max-width:54%;margin:0;font-size:clamp(10px,1vw,14px);line-height:1.55;color:#666}.cover-mark{width:13px;height:70px;background:var(--cv-red)}
.product-sheet{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:5.2% 6.2% 4.5%;background:linear-gradient(115deg,#fff 0 72%,#f4f1ec 72%)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:3%;border-bottom:1px solid #d9d9dc}.sheet-category{font-size:clamp(10px,1vw,14px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cv-red)}.sheet-page{font-size:clamp(9px,.9vw,12px);color:#93979e}.product-visual{min-height:0;display:grid;place-items:center;padding:4% 2% 2%}.product-visual img{display:block;max-width:88%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.13))}.product-placeholder{width:54%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#eee;color:#aaa;font-size:42px}.sheet-content{position:relative;padding:3% 4% 1% 0}.sheet-content:before{content:"";position:absolute;width:42px;height:4px;top:0;left:0;background:var(--cv-red)}.sheet-code{margin:0 0 1.2%;font-size:clamp(10px,1vw,14px);color:var(--cv-red);font-weight:800;letter-spacing:.12em}.sheet-title{margin:0 0 2%;font-size:clamp(22px,2.8vw,38px);line-height:1.06;letter-spacing:-.04em}.sheet-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;max-width:88%;font-size:clamp(10px,1.05vw,14px);line-height:1.55;color:#6f747c}.sheet-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2.8%}.view-product{display:inline-flex;align-items:center;gap:8px;color:#1b1f28;text-decoration:none;font-size:clamp(10px,1vw,13px);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.view-product span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--cv-red);color:#fff}.page-end{height:100%;display:grid;place-items:center;padding:10%;text-align:center;background:#f7f4ee;color:#17191e}.end-inner{max-width:75%}.end-rule{width:46px;height:5px;margin:0 auto 30px;background:var(--cv-red)}.page-end h2{margin:0 0 18px;font-size:clamp(38px,5vw,70px);letter-spacing:-.05em}.page-end p{margin:0 0 30px;color:#70747a;line-height:1.7}.page-end a{color:var(--cv-red);font-weight:800;text-decoration:none}.page-end img{max-width:170px;max-height:65px;margin-bottom:45px;object-fit:contain}
.edge-nav{position:fixed;z-index:4;top:50%;width:50px;height:86px;margin-top:20px;border:0;border-radius:10px;background:rgba(16,18,21,.55);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,opacity .2s}.edge-nav:hover{background:var(--cv-red)}.edge-nav:disabled{opacity:.18;cursor:default}.edge-nav span{font:300 52px/1 Georgia,serif}.edge-nav--prev{left:14px}.edge-nav--next{right:14px}
.thumb-panel{position:fixed;z-index:15;top:64px;bottom:0;left:0;width:250px;background:#181a1f;box-shadow:10px 0 35px rgba(0,0,0,.3);transform:translateX(-105%);transition:transform .25s ease}.thumb-panel.is-open{transform:translateX(0)}.panel-head{height:52px;padding:0 14px 0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.panel-head button,.search-panel>button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.thumb-list{height:calc(100% - 52px);overflow:auto;padding:15px}.thumb-item{width:100%;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:8px;margin:0 0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d7dae0;text-align:left;cursor:pointer}.thumb-item:hover,.thumb-item.is-current{background:#25282f;border-color:#3d414a}.thumb-item.is-current{border-color:var(--cv-red)}.thumb-preview{width:54px;aspect-ratio:210/297;display:grid;place-items:center;overflow:hidden;background:#fff;color:#333;font-weight:800}.thumb-preview img{width:100%;height:100%;object-fit:contain}.thumb-copy strong,.thumb-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-copy strong{font-size:12px}.thumb-copy small{margin-top:4px;color:#888e99}.search-panel{position:fixed;z-index:18;top:72px;right:16px;width:min(430px,calc(100vw - 32px));padding:12px;background:#181a1f;border:1px solid #363941;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.search-panel label{display:block;padding-right:35px}.search-panel input{width:100%;height:42px;padding:0 14px;border:1px solid #3c4048;border-radius:7px;background:#262930;color:#fff;outline:0;font:14px inherit}.search-panel input:focus{border-color:var(--cv-red)}.search-panel>button{position:absolute;right:16px;top:17px}.search-results{max-height:360px;overflow:auto;margin-top:9px}.search-result{width:100%;display:block;padding:11px;border:0;border-radius:6px;background:transparent;color:#fff;text-align:left;cursor:pointer}.search-result:hover{background:#292c33}.search-result strong,.search-result small{display:block}.search-result small{margin-top:3px;color:#9096a0}.catalogue-toast{position:fixed;z-index:30;bottom:24px;left:50%;padding:10px 16px;border-radius:8px;background:#111;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.35);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}.catalogue-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.catalogue-toolbar{grid-template-columns:auto 1fr auto}.catalogue-brand{display:none}.catalogue-tools--primary{justify-self:start}.book-shell{width:min(75vw,590px)}.tool-btn{width:36px}.catalogue-tools:last-child .tool-btn:not(#searchBtn):not(#fullBtn):not(.tool-btn--exit){display:none}}
@media(max-width:640px){.catalogue-toolbar{height:58px;padding:0 7px;gap:2px}.catalogue-stage{height:calc(100% - 58px);padding:15px 32px}.book-shell{width:min(86vw,480px)}.thumb-panel{top:58px;width:min(82vw,290px)}.tool-btn{width:32px;height:36px}.tool-btn svg{width:18px}.page-jump{margin:0 1px;padding:0 5px}.page-jump input{width:31px}.page-jump span{font-size:11px}.catalogue-tools--primary #firstBtn,.catalogue-tools--primary #lastBtn{display:none}.catalogue-tools:last-child #fullBtn{display:none}.edge-nav{width:31px;height:62px;background:rgba(16,18,21,.45)}.edge-nav span{font-size:38px}.edge-nav--prev{left:2px}.edge-nav--next{right:2px}.sheet-desc{-webkit-line-clamp:2}.sheet-title{font-size:clamp(18px,5.3vw,28px)}.cover-title{font-size:clamp(32px,11vw,58px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Two-page flipbook layout matching the reference catalogue. */
.catalogue-toolbar{height:68px;background:#050505}.catalogue-brand{visibility:hidden}.page-jump{min-width:92px;justify-content:center;background:transparent}.page-jump input{width:82px;text-align:center;font-size:15px}.catalogue-stage{height:calc(100% - 68px);padding:8px 11.5%;background:#303030}.book-shell{width:min(77vw,1530px);aspect-ratio:420/297}.catalogue-page{overflow:visible;background:transparent;box-shadow:none}.catalogue-spread{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}.catalogue-leaf{position:relative;min-width:0;overflow:visible;background:#fff;color:#202124}.catalogue-leaf--left{box-shadow:inset -18px 0 25px -24px #555}.catalogue-leaf--right{box-shadow:inset 18px 0 25px -24px #555}.catalogue-leaf header{height:7%;display:flex;align-items:center;padding:0 7%;font-size:clamp(8px,.75vw,14px);font-weight:800;letter-spacing:.04em}.leaf-products{height:86%;display:grid;grid-template-rows:1fr 1fr;padding:0 7%;gap:1.5%}.leaf-product{display:grid;grid-template-columns:48% 52%;min-height:0;padding:4% 0;border-bottom:1px solid #d9dbde}.leaf-product:nth-child(even){border:0}.leaf-image{display:grid;place-items:center;min-height:0;padding:2%}.leaf-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.12))}.leaf-image b{font-size:35px;color:#bbb}.leaf-copy{align-self:center;padding:5%;border-radius:9px;background:#e7e8e9}.leaf-copy h3{margin:0 0 6px;font-size:clamp(9px,.95vw,18px);line-height:1.2}.leaf-copy h3 small{font-size:.7em;color:#85888d;font-weight:500}.leaf-copy p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;font-size:clamp(7px,.62vw,12px);line-height:1.45}.leaf-copy a{font-size:clamp(7px,.58vw,11px);font-weight:900;color:#df1f2d;text-decoration:none}.catalogue-leaf footer{height:7%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:clamp(7px,.62vw,12px)}.catalogue-leaf footer strong{color:#555}.catalogue-leaf footer strong:before{content:"";display:inline-block;width:10px;height:3px;margin-right:5px;background:#30a35a;vertical-align:middle}.leaf-tabs{position:absolute;z-index:2;top:2%;bottom:5%;display:flex;flex-direction:column-reverse;justify-content:flex-start}.leaf-tabs--left{right:100%}.leaf-tabs--right{left:100%}.leaf-tabs span{width:29px;height:92px;display:flex;align-items:center;justify-content:center;padding:5px 0;border:1px solid rgba(0,0,0,.13);background:#d4d7df;color:#222;font-size:clamp(7px,.62vw,12px);writing-mode:vertical-rl;transform:rotate(180deg)}.leaf-tabs span:nth-child(2n){background:#f4c881}.leaf-tabs span.active{background:#7da5a4;font-weight:800}.leaf-cover{grid-column:2;padding:10%;background:linear-gradient(145deg,#f5f0e8 0 52%,#df1f2d 52%);display:flex;flex-direction:column;justify-content:center}.leaf-cover img,.leaf-end img{max-width:34%;max-height:9%;object-fit:contain}.leaf-cover p{margin:12% 0 2%;font-size:clamp(9px,.9vw,17px);letter-spacing:.3em}.leaf-cover h1{margin:0;color:#17191e;font-size:clamp(35px,4vw,76px);line-height:.86;letter-spacing:-.06em}.leaf-cover b{margin-top:7%;font-size:clamp(14px,1.5vw,26px)}.leaf-cover>span,.leaf-end>span{position:absolute;right:6%;bottom:3%;font-size:12px}.leaf-blank{background:transparent}.leaf-end{display:grid;place-items:center;padding:10%;text-align:center}.leaf-end>div{max-width:72%}.leaf-end h2{font-size:clamp(25px,3vw,55px);line-height:1;margin:12% 0 5%}.leaf-end p{color:#777;line-height:1.6}.leaf-end a{color:#df1f2d;font-weight:900;text-decoration:none}.edge-nav{top:50%;margin-top:0;width:52px;height:52px;border-radius:50%;background:#050505}.edge-nav span{font-size:40px}.edge-nav--prev{left:2.7%}.edge-nav--next{right:2.7%}.catalogue-social{position:fixed;z-index:10;left:1.6%;top:155px;display:flex;flex-direction:column;gap:12px}.catalogue-social button,.catalogue-social a{width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:50%;background:#050505;color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.3);cursor:pointer}.catalogue-social a{background:#ff542b}.catalogue-social svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}.thumb-panel{top:68px}

.book-shell{perspective:2400px}.catalogue-spread{position:relative;transform-style:preserve-3d}.catalogue-spread:before,.catalogue-spread:after{content:"";position:absolute;z-index:20;top:0;width:50%;height:100%;pointer-events:none;opacity:0;backface-visibility:hidden}.catalogue-spread:before{left:0;transform-origin:right center;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(245,245,245,.92) 72%,rgba(105,105,105,.42))}.catalogue-spread:after{right:0;transform-origin:left center;background:linear-gradient(90deg,rgba(90,90,90,.4),rgba(245,245,245,.92) 28%,rgba(255,255,255,.96))}.book-turn-next .catalogue-spread:after{opacity:1;animation:leafTurnNext .68s cubic-bezier(.42,0,.18,1) both}.book-turn-prev .catalogue-spread:before{opacity:1;animation:leafTurnPrev .68s cubic-bezier(.42,0,.18,1) both}.book-turn-next .catalogue-spread,.book-turn-prev .catalogue-spread{animation:bookBreathe .68s ease both}.book-turn-next .catalogue-spread:before,.book-turn-prev .catalogue-spread:after{opacity:1;z-index:18;background:rgba(0,0,0,.2);animation:foldShadow .68s ease both}
@keyframes leafTurnNext{0%{transform:rotateY(0deg);filter:brightness(1)}45%{filter:brightness(.82)}50%{transform:rotateY(-90deg) translateZ(2px);filter:brightness(.7)}100%{transform:rotateY(-180deg);filter:brightness(1)}}@keyframes leafTurnPrev{0%{transform:rotateY(0deg);filter:brightness(1)}45%{filter:brightness(.82)}50%{transform:rotateY(90deg) translateZ(2px);filter:brightness(.7)}100%{transform:rotateY(180deg);filter:brightness(1)}}@keyframes foldShadow{0%,100%{opacity:0}45%,55%{opacity:.42}}@keyframes bookBreathe{0%,100%{transform:scale(1)}50%{transform:scale(.992)}}
@media(max-width:900px){.book-shell{width:92vw}.catalogue-stage{padding:20px 4%}.catalogue-social{display:none}.edge-nav--prev{left:4px}.edge-nav--next{right:4px}.leaf-tabs{display:none}.leaf-copy p{-webkit-line-clamp:2}.catalogue-toolbar{grid-template-columns:1fr auto}.catalogue-tools:last-child{display:none}}
@media(max-width:640px){.catalogue-toolbar{height:58px}.catalogue-stage{height:calc(100% - 58px);padding:10px 3px}.book-shell{width:98vw}.leaf-product{grid-template-columns:47% 53%}.leaf-copy{padding:4%;border-radius:5px}.leaf-copy p{display:none}.leaf-copy h3{font-size:7px}.leaf-copy a{font-size:6px}.catalogue-leaf header{font-size:7px}.edge-nav{width:32px;height:32px;opacity:.7}.edge-nav span{font-size:27px}}

.leaf-tabs{justify-content:stretch}.leaf-tabs button{width:29px;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:3px 0;border:1px solid rgba(0,0,0,.13);background:#d4d7df;color:#222;font:inherit;font-size:clamp(6px,.52vw,10px);line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer;transition:width .18s,filter .18s}.leaf-tabs button:nth-child(2n){background:#f4c881}.leaf-tabs button:hover,.leaf-tabs button:focus-visible{width:35px;filter:brightness(1.08);outline:2px solid #fff;outline-offset:-2px}.leaf-tabs button.active{background:#7da5a4;font-weight:800}