.catalogue-canvas{overflow:visible}
.book-stage{position:absolute;inset:0;width:1586px;height:992px;z-index:2;transform-origin:792.5px 511px;overflow:visible;pointer-events:none}
.catalogue-canvas[data-state="closed"]>.book-stage,.catalogue-canvas[data-state="loading"]>.book-stage{display:none}
@media(min-width:1001px){
 .catalogue-canvas{position:fixed}
 .catalogue-header{top:var(--header-top,29px)}
 .catalogue-toolbar{top:var(--toolbar-top,909px)}
 .closed-book-volume{transform:scale(var(--closed-book-zoom,1));transform-origin:792.5px 511px}
 .cover-open{clip-path:none;overflow:visible}
}
@media(max-width:1000px){
 .book-stage{width:100%;height:100%;transform:none!important;transform-origin:0 0}
 .closed-book-volume .paper-layer{inset:0!important;width:1586px!important;height:992px!important;padding:0!important;display:block!important;clip-path:var(--paper-right-clip)!important;background:#f1eee6 url('assets/reference-paper-right.webp') center/220% 220% no-repeat!important}
 .closed-book-volume .paper-layer--left{clip-path:var(--paper-left-clip)!important}
 .closed-book-volume .book-shell{display:block!important;visibility:visible!important}
 .cover-open{overflow:visible;clip-path:none}
}
/* Closed-state chrome never overrides the cover; native tabs fit all four labels. */
.catalogue-canvas[data-state="closed"] .catalogue-toolbar,.catalogue-canvas[data-state="loading"] .catalogue-toolbar{display:none!important}
.catalogue-canvas.is-mobile .editorial-information-tabs{gap:6px;justify-content:space-between}
.back-view{position:absolute;inset:0;width:1586px;height:992px;z-index:4;pointer-events:none;transform:scale(var(--closed-book-zoom,1));transform-origin:792.5px 511px}
.back-view[hidden]{display:none!important}
.catalogue-canvas[data-state="back"] #book-stage>:is(#view,.book-shell,.book-native-shell,.mobile-paper),.catalogue-canvas[data-state="back"]>.mobile-sides{visibility:hidden;opacity:0;pointer-events:none!important}
.catalogue-canvas[data-state="back"] .catalogue-toolbar{display:flex}
.catalogue-canvas[data-state="back"] .catalogue-toolbar :is(.all-machinery,.toolbar-search,.download-link){display:none}
.view-spread[data-preparing]{opacity:0;pointer-events:none!important}
@media(max-width:1000px){
 .back-view{width:100%;height:100%;transform:none}
 .catalogue-canvas[data-state="back"] .catalogue-toolbar{display:flex;justify-content:center}
 .view-spread[data-preparing][data-mobile-side="left"] .paper-layer--left,.view-spread[data-preparing][data-mobile-side="right"] .paper-layer--right{display:block!important}
 .view-spread[data-preparing][data-mobile-side="left"] .paper-layer--right,.view-spread[data-preparing][data-mobile-side="right"] .paper-layer--left{display:none!important}
}

/* The complete print, photographs and paper share one camera projection. */
@media(min-width:1001px){
 .paper-layer{transform:var(--paper-projection);transform-origin:0 0}
 .paper-layer--left,.paper-layer.left{clip-path:var(--paper-left-source-clip)}
 .paper-layer--right,.paper-layer.right{clip-path:var(--paper-right-source-clip)}
 /* One outline lives on the paper, including the copies used during turns. */
 .paper-layer::after{
  content:'';position:absolute;inset:132px 132px 130px;z-index:5;
  border:1px solid #9d927b;pointer-events:none;
 }
 :is(.paper-layer--left,.paper-layer.left)::after{right:793px;border-right:0}
 :is(.paper-layer--right,.paper-layer.right)::after{left:793px;border-left:0}
 .chapter-tabs{
  left:0;top:0;width:1586px;height:992px;display:block;
  transform:var(--paper-projection);transform-origin:0 0;
  visibility:hidden;
 }
 #canvas[data-state="open"]:not([data-cover-transition],[data-back-transition]) .chapter-tabs{
  visibility:visible;
 }
 .chapter-tabs button{
  --tab-order:0;--tab-delay:calc((4 - var(--tab-order))*28ms);
  position:absolute;left:1452px;top:150px;width:39px;height:130px;
  background:none;border:0;box-shadow:none;pointer-events:none;
 }
 /* Move the paper face while the button's click target stays fixed. */
 .chapter-tab-window{
  position:absolute;inset:0 0 0 2px;border-radius:inherit;
  clip-path:inset(-8px -10px -8px 0);pointer-events:none;
 }
 .chapter-tab-face{
  position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;
  background:#ece5d9 url('assets/reference-paper-right.webp') center/800% 110%;
  border:1px solid #a4977b55;border-left:0;border-radius:inherit;box-shadow:2px 2px 3px #0002;
  opacity:0;translate:-47px 0;visibility:hidden;
  transition:translate 410ms cubic-bezier(.45,0,.65,1),opacity 370ms ease-in,box-shadow 260ms ease,filter 160ms ease,visibility 0s linear;
  transition-delay:var(--tab-delay),var(--tab-delay),0s,0s,calc(var(--tab-delay) + 410ms);
 }
 .chapter-tabs button:nth-child(2){top:280px;--tab-order:1}
 .chapter-tabs button:nth-child(3){top:410px;--tab-order:2}
 .chapter-tabs button:nth-child(4){top:540px;--tab-order:3}
 .chapter-tabs button:nth-child(5){top:670px;--tab-order:4}
 #canvas[data-state="open"]:not([data-cover-transition],[data-back-transition]) .chapter-tabs button{
  --tab-delay:calc(var(--tab-order)*48ms);pointer-events:auto;
 }
 #canvas[data-state="open"]:not([data-cover-transition],[data-back-transition]) .chapter-tab-face{
  opacity:1;translate:0 0;visibility:visible;
  transition-duration:560ms,435ms,260ms,160ms,0s;
  transition-timing-function:cubic-bezier(.27,.66,.24,1),ease,ease,ease,linear;
  transition-delay:var(--tab-delay),var(--tab-delay),0s,0s,var(--tab-delay);
 }
 @starting-style{
  #canvas[data-state="open"]:not([data-cover-transition],[data-back-transition]) .chapter-tab-face{opacity:0;translate:-47px 0;visibility:hidden}
 }
 .chapter-tab-face::before{
  content:"";position:absolute;inset:-1px -1px -1px 0;z-index:-1;border-radius:inherit;
  background:linear-gradient(100deg,#d68f27,#f5b54c 72%,#f3bf65);
  box-shadow:inset 0 0 0 1px #a468246e,inset -2px 0 0 #ffe4aa66;
  pointer-events:none;opacity:0;transform:scaleX(.35);transform-origin:left center;
  transition:opacity 270ms ease,transform 330ms cubic-bezier(.22,.72,.23,1);
 }
 .chapter-tabs button[data-selected] .chapter-tab-face{box-shadow:3px 3px 7px #17130f50}
 .chapter-tabs button[data-selected] .chapter-tab-face::before{opacity:1;transform:scaleX(1)}
 .chapter-tabs button:hover .chapter-tab-face{filter:brightness(1.035)}
 .chapter-tabs button:active .chapter-tab-face{filter:brightness(.91)}
 .chapter-tabs button::after{
  content:attr(data-label);position:absolute;right:calc(100% + 9px);top:50%;
  writing-mode:horizontal-tb;white-space:nowrap;pointer-events:none;
  padding:8px 12px;border:1px solid #ac90656b;border-radius:4px;
  background:#292720;color:#f7f1e5;box-shadow:0 4px 14px #201a142b;
  font-size:.94em;font-weight:500;line-height:1.25;
  opacity:0;visibility:hidden;transform:translate(7px,-50%);
  transition:opacity 180ms ease,transform 230ms cubic-bezier(.22,.72,.23,1),visibility 0s linear 230ms;
 }
 .chapter-tabs button:is(:hover,:focus-visible)::after{
  opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:0s;
 }
 @media(prefers-reduced-motion:reduce){.chapter-tabs,.chapter-tab-face,.chapter-tab-face::before,.chapter-tabs button::after{transition:none!important}}
 /* Both paper gradients meet at the hinge in print coordinates. */
 .paper-layer{--paper-cut-bevel:linear-gradient(180deg,transparent 132px,#fff9ebba 132px,#fff9eb70 133px,transparent 136px,transparent 858px,#5a503939 862px)}
 .paper-layer--left,.paper-layer.left{background:var(--paper-cut-bevel),linear-gradient(90deg,transparent 132px,#62533b38 132px,#fff9e99c 133.5px,transparent 137px,transparent 771px,#6d5a3609 781px,#51442a20 789px,#493d2635 792.5px,#4c3e284a 793px),#f1eee6 url('assets/reference-paper-left.webp') center/220% 220% no-repeat}
 .paper-layer--right,.paper-layer.right{background:var(--paper-cut-bevel),linear-gradient(90deg,#58492f86 793px,#65543a64 794px,#fffbf080 795px,#76684919 798px,transparent 813px,transparent 1449px,#fff9e978 1452.5px,#62533b55 1454px),#f1eee6 url('assets/reference-paper-right.webp') center/220% 220% no-repeat}
}
@media(max-width:1000px){
 .paper-layer{transform:none}
 .closed-book-volume .paper-layer{transform:var(--paper-projection);transform-origin:0 0;clip-path:var(--paper-right-source-clip)!important}
 .closed-book-volume .paper-layer--left{clip-path:var(--paper-left-source-clip)!important}
}

.catalogue-staging{position:absolute;inset:0;visibility:hidden;pointer-events:none;z-index:-1}.catalogue-staging *{pointer-events:none!important}
@media(max-width:1000px){.catalogue-staging{width:100%;height:100%}}
