.spread::before,.spread::after{content:"";position:absolute;inset:10px 1.5% -10px;background:#e8e4d9;border:1px solid rgba(23,24,23,.08);z-index:-1}
.spread::before{transform:rotate(-1.1deg)}
.spread::after{transform:rotate(1.1deg);inset:6px 1% -6px}
.paper > .cover-page,.paper > .cta-page{position:absolute;inset:0;padding:clamp(28px,4vw,66px);max-width:none}
.paper > .cover-page{background:var(--teal);color:var(--paper)}
.paper > .cta-page{background:var(--teal);color:var(--paper)}
.paper > .quote-page,.paper > .landing-page,.paper > .catalog-page{width:100%;height:100%;max-width:none}
.page-hit:focus{outline:none}
.page-hit:focus-visible{outline:none}
.turning-sheet{position:absolute;top:0;right:0;width:50%;height:100%;z-index:8;transform-style:preserve-3d;transform-origin:left center;animation:turn-next .78s cubic-bezier(.35,.02,.18,1) forwards;filter:drop-shadow(-14px 5px 12px rgba(23,24,23,.22))}
.turning-sheet.previous{left:0;right:auto;transform-origin:right center;animation-name:turn-previous}
.turning-face{position:absolute;inset:0;overflow:hidden;background:var(--page);padding:clamp(28px,4vw,66px);backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(23,24,23,.08)}
.turning-face.back{transform:rotateY(180deg);background:#eeeae0}
.turning-face>.cover-page,.turning-face>.cta-page{position:absolute;inset:0;padding:clamp(28px,4vw,66px);max-width:none}
@keyframes turn-next{0%{transform:rotateY(0deg)}100%{transform:rotateY(-180deg)}}
@keyframes turn-previous{0%{transform:rotateY(0deg)}100%{transform:rotateY(180deg)}}
@media(max-width:760px){.paper > .cover-page,.paper > .cta-page{padding:34px 27px}}
@media(max-width:760px){.turning-sheet{left:0;right:auto;width:100%;transform-origin:left center}.turning-sheet.previous{transform-origin:right center}.turning-face{padding:34px 27px}.turning-face>.cover-page,.turning-face>.cta-page{padding:34px 27px}}