.sample-stage{perspective:2200px}.sample-book{--pg-bg:#faf9f6;--pg-fg:#1c1c1e;--pg-muted:#636366;--pg-accent:#755a2a;--pg-rule:#1c1c1e1f;width:100%;transform-style:preserve-3d;border-radius:6px;display:grid;position:relative;box-shadow:0 50px 90px -30px #000000bf,0 0 0 1px #c9a45c2e}@media (min-width:768px){.sample-book{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.sample-page{background:var(--pg-bg);color:var(--pg-fg);transition:background-color .4s ease-out,color .4s ease-out;position:relative}.sample-page--left{transform-origin:100%;background:linear-gradient(270deg, #00000024, transparent 9%), var(--pg-bg);border-start-start-radius:6px;border-end-start-radius:6px}.sample-page--right{background:linear-gradient(90deg, #00000029, transparent 7%), var(--pg-bg);border-start-end-radius:6px;border-end-end-radius:6px}@media (max-width:767px){.sample-page--right{background:var(--pg-bg);border-radius:6px}}.sample-book:after{content:"";inset-inline-end:-5px;opacity:.9;background:repeating-linear-gradient(90deg,#fffdf6 0 1px,#d9d0bd 1px 2px);border-radius:0 3px 3px 0;width:5px;position:absolute;top:5px;bottom:5px}.sample-muted{color:var(--pg-muted)}.sample-accent{color:var(--pg-accent)}.sample-rule{border-color:var(--pg-rule)}.sample-prose{font-family:var(--font-heading-stack);font-size:calc(1.12rem * var(--sample-scale,1));text-align:justify;-webkit-hyphens:auto;hyphens:auto;line-height:1.75}.sample-prose--first>p:first-child:first-letter{float:inline-start;margin-inline-end:.12em;color:var(--brand-gold);margin-top:.08em;font-size:3.6em;font-weight:600;line-height:.82}.sample-prose p+p{text-indent:1.5em;margin-top:.35em}@media (prefers-reduced-motion:no-preference){.sample-book{animation:.7s cubic-bezier(.2,.7,.2,1) both sample-rise}@media (min-width:768px){.sample-page--left{animation:1s cubic-bezier(.62,.04,.2,1) .12s both sample-swing}}.sample-words{animation:.7s cubic-bezier(.2,.7,.2,1) .52s both sample-words}.sample-turn-next{animation:.52s cubic-bezier(.2,.7,.2,1) both sample-turn-next}.sample-turn-prev{animation:.52s cubic-bezier(.2,.7,.2,1) both sample-turn-prev}}@keyframes sample-rise{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:none}}@keyframes sample-swing{0%{filter:brightness(.6);transform:rotateY(-118deg)}to{filter:brightness();transform:rotateY(0)}}@keyframes sample-words{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sample-turn-next{0%{opacity:0;transform-origin:0;transform:translate(24px)rotateY(-10deg)}to{opacity:1;transform:none}}@keyframes sample-turn-prev{0%{opacity:0;transform-origin:100%;transform:translate(-24px)rotateY(10deg)}to{opacity:1;transform:none}}