.sample-page{background:#faf8f2}.sample-page__intro{max-width:780px;padding:62px 24px 40px;margin:auto;text-align:center}.sample-page__intro h1{font:500 clamp(38px,5vw,62px)/1.12 var(--font-display);color:#392b46;letter-spacing:-.04em;margin:18px 0}.sample-page__intro>p:not(.story-eyebrow){color:#837287;font:400 16px/1.8 var(--font-ui);max-width:51ch;margin:auto}.sample-page__details{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:24px;color:#817287;font:500 12px/1.6 var(--font-ui)}.sample-page__details span{display:flex;align-items:center;gap:7px}.sample-library{max-width:1120px;margin:auto;padding:0 24px}.sample-library__toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0}.sample-library__toolbar .story-eyebrow{font-size:9px}.sample-library__position{font:500 16px/1.5 var(--font-display);margin-top:5px;color:#594462}.sample-library__jump{display:flex;align-items:center;gap:10px;color:#827088;font:400 12px/1.5 var(--font-ui)}.sample-library__jump select{padding:11px 30px 11px 14px;border:1px solid #e4dce8;border-radius:10px;background:#fffdf9;color:#5c4868;max-width:230px}.sample-library__stage{display:grid;place-items:center;background:#ebe6df;border-radius:22px;padding:38px 32px;min-height:500px;box-shadow:inset 0 2px 16px #5b453206}.sample-library__book{width:min(100%,450px);display:flex;position:relative;box-shadow:0 18px 32px #3e30272b,0 2px 3px #3e302733;border-radius:3px;overflow:hidden;animation:sample-page-in .25s ease-out}.sample-library__book--open{width:100%}.sample-library__book img{display:block;width:100%;height:auto;min-width:0}.sample-library__book--open img{width:50%}.sample-library__book--open:after{content:"";position:absolute;top:0;bottom:0;left:48%;width:4%;background:linear-gradient(90deg,transparent,#46362a18 48%,#46362a30 50%,#46362a08 55%,transparent);pointer-events:none}.sample-library__nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0}.sample-library__nav span{color:#968699;font:400 11px/1.5 var(--font-ui)}.sample-library__nav .story-button{padding:14px 22px;min-width:136px;justify-content:center}.sample-library__nav button:disabled{opacity:.32;cursor:default}.sample-library__listen{display:grid;grid-template-columns:.8fr 1fr;grid-gap:30px;gap:30px;align-items:center;padding:30px;background:#f0eaf6;border-radius:20px;margin:18px 0 30px}.sample-library__listen h2{font:500 22px/1.4 var(--font-display);margin:7px 0;color:#564060}.sample-library__listen p{color:#8b7893;font:400 13px/1.6 var(--font-ui)}.sample-page__note{max-width:690px;text-align:center;padding:15px 24px 58px;margin:auto;font:400 12px/1.8 var(--font-ui);color:#96879b}.sample-page__note strong{font-weight:500;color:#75617f}.sample-page__note p{margin:8px 0 14px}.sample-page__note a{color:#76558d;text-underline-offset:4px}.sample-page__cta{text-align:center;background:#e7eedf;padding:58px 24px}.sample-page__cta h2{font:500 clamp(28px,4vw,40px)/1.2 var(--font-display);letter-spacing:-.035em;color:#38452f;margin:15px auto}.sample-page__cta>p:not(.story-eyebrow){font:400 14px/1.8 var(--font-ui);color:#75816c;margin-bottom:25px}.sample-page__cta a{margin:auto}@keyframes sample-page-in{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:759px){.sample-page__intro{padding-top:42px}.sample-library{padding:0 16px}.sample-library__stage{min-height:0;padding:18px 10px;border-radius:14px}.sample-library__toolbar{gap:10px}.sample-library__toolbar .story-eyebrow{max-width:130px;font-size:8px}.sample-library__jump{gap:4px}.sample-library__jump>span{display:none}.sample-library__jump select{max-width:160px;font-size:11px}.sample-library__nav>span{display:none}.sample-library__nav .story-button{min-width:0;padding:13px 17px;font-size:12px}.sample-library__listen{grid-template-columns:1fr;padding:24px;gap:18px}}@media (prefers-reduced-motion:reduce){.sample-library__book{animation:none}}