/* The approved artwork is the source of truth for the opening screen.
   Preserve its book, typography, line breaks, spacing and colours verbatim. */
.reference-front{position:relative;width:100%;isolation:isolate}
.reference-front-image{display:block;width:100%;height:auto;max-width:none}
.reference-hotspot{position:absolute;display:block;padding:0;border:0;background:transparent;z-index:2;cursor:pointer;border-radius:3px}
.reference-hotspot:focus-visible{outline:3px solid #900606;outline-offset:3px}
.reference-front .ref-home{left:7.4%;top:1.2%;width:14%;height:8.7%}
.reference-front .ref-book{left:55.2%;top:3.2%;width:7%;height:5.4%}
.reference-front .ref-author{left:63.4%;top:3.2%;width:7.5%;height:5.4%}
.reference-front .ref-contact{left:72%;top:3.2%;width:6.4%;height:5.4%}
.reference-front .ref-purchase{left:80.82%;top:1.6%;width:11.94%;height:7.65%}
.reference-front .ref-read-more{left:8.61%;top:83.6%;width:21.38%;height:7%}
.reference-semantic-copy{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}
body:has(.hero-shell:not(.is-detail))>.site-header{display:none}
.hero-shell:not(.is-detail){background:#fff}
.hero-shell:not(.is-detail) .hero-layout{display:block;width:100%;max-width:none;min-height:0;padding:0;margin:0}
.hero-shell:not(.is-detail) .hero-front-copy{padding:0;width:100%;margin:0}
.hero-shell:not(.is-detail) .book-stage{display:none}
.reference-header-mode{height:auto;aspect-ratio:1684 / 108;box-shadow:none}
.reference-header-mode .header-inner{display:block;position:relative;width:100%;height:100%;max-width:none;margin:0}
.reference-header-art{position:absolute;inset:0;overflow:hidden}
.reference-header-art img{width:100%;max-width:none;height:auto}
.reference-header-mode .header-inner>.brand,.reference-header-mode .header-inner>.menu-toggle,.reference-header-mode #navigation{display:none}
.reference-header-mode .ref-home{left:7.4%;top:10%;width:14%;height:80%}
.reference-header-mode .ref-book{left:55.2%;top:27%;width:7%;height:48%}
.reference-header-mode .ref-author{left:63.4%;top:27%;width:7.5%;height:48%}
.reference-header-mode .ref-contact{left:72%;top:27%;width:6.4%;height:48%}
.reference-header-mode .ref-purchase{left:80.82%;top:13.9%;width:11.94%;height:65.8%}
.reference-header-mode .reference-header-nav{display:block;position:static;background:none;box-shadow:none;padding:0}
.hero-shell.is-detail.is-unfolding .book-turner{transform:rotateY(0deg);transition-duration:.65s}
#book-preview .is-opening,.is-opening .open-book{transform-origin:right center}
@keyframes unfold{from{opacity:.5;transform:perspective(2000px) rotateY(65deg)}to{opacity:1;transform:perspective(2000px) rotateY(0deg)}}
@media(max-width:700px){.reference-header-mode .reference-header-nav{display:block}.reference-header-mode .header-inner{width:100%}.hero-shell:not(.is-detail) .hero-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.hero-shell.is-detail.is-unfolding .book-turner{transition:none}}