/* Back print, stationary twenty-leaf packet and cloth binding share one pose. */
.back-cover-renderer,.back-volume-view,.catalogue-back-transition{position:absolute;inset:0;width:1586px;height:992px;pointer-events:none;isolation:isolate}
.catalogue-back-transition{z-index:12;pointer-events:none!important}
.catalogue-back-transition *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}
.back-body-pose,.back-outside-pose,.back-inside-pose{position:absolute;inset:0;width:1586px;height:992px;transform-origin:0 0;will-change:transform;pointer-events:none}
.back-body-pose{z-index:1}.back-inside-pose{z-index:3}.back-outside-pose{z-index:4}
.back-body-pose>.paper-layer,.back-inside-pose>.paper-layer{position:absolute!important;inset:0!important;width:1586px!important;height:992px!important;padding:0!important;display:block!important;pointer-events:none!important}
.back-body-pose>.paper-layer{z-index:2}
.back-body-pose>.book-shell{display:block!important;position:absolute;inset:0;width:1586px;height:992px;visibility:inherit}
.back-solid-edges,.back-cloth-overlay{position:absolute;inset:0;width:1586px;height:992px;overflow:visible;pointer-events:none}
.back-solid-edges{z-index:2}.back-cloth-overlay{z-index:5}
.back-approved-spine,.back-approved-spine-plane{position:absolute;inset:0;width:1586px;height:992px;transform-origin:0 0;pointer-events:none}
.back-approved-spine{z-index:5;transform:translateX(1586px) scaleX(-1)}
.back-approved-spine-foot{mask-image:linear-gradient(90deg,#000 199px,transparent 236px)}

.back-print-plane{position:absolute;inset:0;width:1586px;height:992px;transform-origin:0 0;background:#20211f;isolation:isolate;pointer-events:none}
.back-print-plane::before,.back-native-window::before,.back-native-face--outside::before{content:'';position:absolute;inset:0;z-index:0;background:url('assets/catalogue-back-front-leather-v40.svg') 0 0/440px 480px repeat;pointer-events:none}
.back-machine-engraving{position:absolute;left:0;top:8px;width:100%;height:234px;background:url('assets/catalogue-back-linear-deboss-v40.webp') center/contain no-repeat;pointer-events:none;mask-image:none;-webkit-mask-image:none}
.back-contact{position:absolute;left:170px;top:180px;width:585px;height:640px;min-height:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;color:#eee9dc;pointer-events:none;user-select:none;-webkit-user-select:none}
.back-contact>*{flex-shrink:0}
.back-contact-heading{max-width:570px;margin-top:37px;font-size:57px;line-height:1.08;letter-spacing:-1.8px;font-weight:500;text-wrap:balance}
.back-contact-description{max-width:530px;margin-top:27px;font-size:21px;line-height:1.55;color:#dfdcd0}
.back-contact-heading,.back-contact-description{
 text-shadow:-.014em -.018em 0 #fffdf1bb,
 .012em .015em 0 #b4ae9f,
 .024em .029em 0 #777064,
 .034em .043em .009em #38362e,
 .049em .06em .042em #10110fce;
}
.back-contact-details{display:flex;flex-direction:column;gap:10px;margin-top:28px;font-size:20px;line-height:1.35;color:#d4c197}
.back-contact-link{pointer-events:auto}
.back-contact-link:hover{text-decoration:underline;text-underline-offset:4px}
.back-contact-action{min-height:60px;width:100%;margin-top:auto;border:1px solid #c0a878;padding:15px 22px;color:#22281f;background:#e8dec9;text-align:left;font-size:21px;font-weight:600;pointer-events:auto}
.back-contact-action::after{content:'↗';float:right;font-size:25px;line-height:1}
.back-contact-action:hover{background:#f7eedb}
.back-contact-return{min-height:43px;margin-top:8px;border-bottom:1px solid #c0a87866;color:#d7c9ab;font-size:17px;line-height:1.35;pointer-events:auto}
.back-contact-return:hover{color:#fff3da}
.back-cover-native{display:none}
.back-native-window{position:absolute;inset:86px 10px 94px;background:#20211f;box-shadow:0 2px 0 #6e655a,0 5px 0 #918778,0 8px 0 #2c3028,0 12px 12px #0008;isolation:isolate;pointer-events:none}
.back-native-window::after{content:'';position:absolute;right:-2px;top:0;bottom:0;width:7px;background:linear-gradient(90deg,#9c9a7a33,#090e09 83%);border-left:1px solid #b09e7044;pointer-events:none;z-index:3}
.back-native-window>.back-contact{position:relative;inset:auto;width:100%;height:100%;padding:28px 25px 23px}
.back-native-window--turn{perspective:1400px;perspective-origin:50% 50%;background:#e5ded0;overflow:visible;box-shadow:0 7px 12px #0005}
.back-native-window--turn::before,.back-native-window--turn::after{display:none}
.back-native-leaf{position:absolute;inset:0;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}
.back-native-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden;background:#f1eee6}
.back-native-face--outside{background:#20211f;isolation:isolate;box-shadow:inset -7px 0 7px #0009}
.back-native-face--outside>.back-contact{position:relative;inset:auto;width:100%;height:100%;padding:28px 25px 23px}
.back-native-face>.paper-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;clip-path:none!important;transform:none!important;pointer-events:none!important}
.back-native-edge{position:absolute;left:0;top:0;transform-origin:0 0;background:linear-gradient(#3d4035 0 60%,#d4c9b3 60% 100%);backface-visibility:visible;pointer-events:none}
@media(max-width:1000px){
 .back-native-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 .back-native-scene>.back-native-case{inset:86px 10px 94px;width:calc(100% - 20px);height:calc(100% - 180px);z-index:1}
 .back-native-window:not(.back-native-window--turn)::after{display:none}
 .back-native-case--inside,.back-native-case--outside{z-index:2}
 .back-machine-engraving{position:relative;left:auto;top:auto;width:min(520px,calc(100% + 12px));height:auto;aspect-ratio:1983/793;margin-top:18px;align-self:center}
 .back-cover-renderer,.catalogue-back-transition{width:100%;height:100%}
 .back-cover-desktop{display:none}.back-cover-native{display:block}
 .back-contact-heading{font-size:clamp(29px,7.8vw,44px);line-height:1.06;letter-spacing:-1px;margin-top:28px;max-width:480px}
 .back-contact-description{font-size:15px;line-height:1.5;margin-top:20px;max-width:460px}
 .back-contact-details{font-size:15px;line-height:1.35;gap:7px;margin-top:23px}
 .back-contact-action{font-size:16px;min-height:48px;padding:12px 14px;margin-top:auto}
 .back-contact-action::after{font-size:21px}
 .back-contact-return{font-size:13px;min-height:36px;margin-top:4px}
}
@media(max-width:1000px) and (max-height:740px){
 .back-native-window>.back-contact,.back-native-face--outside>.back-contact{padding:22px 23px 16px}
 .back-contact-heading{margin-top:20px;font-size:29px}
 .back-contact-description{font-size:13px;line-height:1.4;margin-top:14px}.back-contact-details{font-size:13px;margin-top:15px;gap:5px}
 .back-contact-action{min-height:43px;padding:10px 13px;font-size:14px}.back-contact-return{min-height:30px;font-size:12px}
}
@media(max-width:1000px) and (max-height:640px){
 .back-native-window>.back-contact,.back-native-face--outside>.back-contact{padding:16px 20px 12px}
 .back-machine-engraving{width:min(380px,calc(100% + 12px));margin-top:6px}
 .back-contact-heading{font-size:26px;line-height:1.03;margin-top:10px;letter-spacing:-.7px}
 .back-contact-description{font-size:11.5px;line-height:1.3;margin-top:9px}
 .back-contact-details{font-size:11.5px;line-height:1.3;margin-top:9px;gap:3px}
 .back-contact-action{min-height:39px;font-size:13px;line-height:1.2;padding:9px 12px}
 .back-contact-action::after{font-size:18px}
 .back-contact-return{min-height:27px;font-size:11px;line-height:1.2;margin-top:4px}
}
@media(max-width:360px) and (max-height:640px){
 .back-native-window>.back-contact,.back-native-face--outside>.back-contact{padding-top:10px;padding-bottom:4px}
 .back-machine-engraving{margin-top:3px}
 .back-contact-description,.back-contact-details{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.catalogue-back-transition{display:none}}

/* Reserve the upper cover for the full knife engraving. Keep both existing
   contact controls fixed at their original desktop footer coordinates. */
@media(min-width:1001px){
 .back-contact-heading{margin-top:265px}
 .back-contact-description{margin-top:20px}
 .back-contact-details{margin-top:18px}
 .back-contact-action{position:absolute;left:0;bottom:51px;margin-top:0}
 .back-contact-return{position:absolute;left:0;bottom:0;margin-top:0}
}