/* v24 compatibility: newer narrator dialogs, page map, typography and auditions win. */
:root{--site-header-height:76px;--section-nav-height:72px}
.site-header{z-index:30}.section-nav{z-index:29;top:var(--site-header-height)}
.nav-wrap nav a{position:relative}.site-header .menu-toggle{flex-shrink:0}
main>section[id],#explore-narrators{scroll-margin-top:calc(var(--site-header-height) + var(--section-nav-height) + 20px)}
html{scroll-padding-top:0}
main .eyebrow{font-size:clamp(14px,1.2vw,17px)!important;font-weight:750!important;color:#8fe8ed!important;line-height:1.6!important;letter-spacing:.09em!important}
body[data-page=home] .section-heading h2{font-size:clamp(34px,4.3vw,60px);line-height:1.12;text-wrap:balance}
body[data-page=reader] .section-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.15}
/* The full-size featured auditions remain roomy enough for native audio controls. */
body[data-page=home] .voice-auditions .voice-audition-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;gap:28px}
body[data-page=home] .voice-auditions .voice-audition>.narrator-expanded{aspect-ratio:4/5;object-fit:contain}
body[data-page=home] .voice-auditions .voice-audition h3{font-size:28px;margin:23px 24px 7px}
body[data-page=home] .voice-auditions .voice-audition p{font-size:14px;margin:0 24px 18px}
body[data-page=home] .voice-auditions .voice-audition audio{width:calc(100% - 48px);margin:0 24px;min-height:45px}
.offline-section-mark{display:block;width:64px;height:64px;margin-bottom:22px;border-radius:16px}
body[data-page=home] .new-hero{padding-top:52px;min-height:620px}
.new-hero .hero-copy{min-width:0}.new-hero h1 br{display:block!important}.hero-trust{align-items:flex-start}
.new-hero .hero-description strong{display:block;margin-top:8px}
.new-hero .hero-trust>span{font-size:12px}
.hero-float-voice{right:0}.hero-float-private{left:-20px}
/* No-JS navigation and content remain visible; the menu toggle is enhancement-only. */
@media(max-width:900px){.site-header .nav-wrap{gap:12px;justify-content:space-between}.site-header .product-brand{margin-right:auto}.site-header .nav-wrap nav{flex-basis:100%}.section-nav{top:var(--site-header-height)}.hero-float-private{left:0}}
@media(max-width:640px){
 .site-header .nav-wrap{min-height:64px;padding-block:10px}.reader-wordmark strong{font-size:21px}.reader-wordmark small{font-size:7px}.reader-mark{width:40px;height:40px}
 .section-nav-inner{min-height:62px}.section-location{flex-basis:80px}.section-nav-links>a{padding:8px 11px}
 body[data-page=home] .new-hero{padding-top:32px;padding-bottom:40px;gap:10px}
 .new-hero h1{font-size:clamp(46px,11.4vw,68px);line-height:1.08}
 .new-hero .hero-description{font-size:16px}.new-hero .button{font-size:13px;min-height:48px}
 body[data-page=home] .hero-stage{height:455px;width:100%;margin-top:20px}
 .hero-float-private{max-width:90%;bottom:85px}.hero-float-voice{right:0;top:42px}
 body[data-page=home] .section-heading h2{font-size:clamp(32px,8.6vw,45px)}
 body[data-page=home] .voice-auditions .voice-audition-grid{grid-template-columns:1fr;max-width:440px;gap:25px}
 .offline-section-mark{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){.hero-wave i{animation:none}.page-progress{transition:none}}
/* Benefit-first PDF story: original illustration plus accessible short captions. */
.pdf-journey-figure{margin:0 auto;max-width:940px}.pdf-journey-figure>a{display:block;overflow:hidden;border:1px solid #3a5369;border-radius:24px;background:#0b1422;box-shadow:0 24px 70px #0004}.pdf-journey-figure img{display:block;width:100%;height:auto}.pdf-journey-figure figcaption{font-size:11px;line-height:1.7;color:#9cb0c6;text-align:center;margin:14px 0 0}
.pdf-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:32px 0 20px;list-style:none}.pdf-journey-steps li{padding:18px 0;border-top:1px solid #36566c}.pdf-journey-steps li>span{display:block;font-size:12px;color:#83e3df;margin-bottom:12px;letter-spacing:.08em}.pdf-journey-steps strong{display:block;font-size:18px;line-height:1.4;color:#f0f7ff}.pdf-journey-steps p{font-size:14px;line-height:1.75;color:#b4c9da;margin:10px 0 0}.pdf-journey-note{font-size:12px;line-height:1.7;color:#9db4c9;margin-top:25px}
@media(max-width:640px){.pdf-journey-figure>a{border-radius:16px}.pdf-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.pdf-journey-steps strong{font-size:16px}.pdf-journey-steps p{font-size:13px}.pdf-journey-steps li{padding-top:14px}}
/* Independent editorial cards: one illustration and one caption per idea. */
.reading-journey-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}.reading-journey-card{min-width:0;overflow:hidden;border:1px solid #2b4355;border-radius:20px;background:#0d1c29}.reading-card-art{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#25435577,transparent 72%),#102332;overflow:hidden}.reading-card-art>img{display:block;width:100%;height:auto;max-width:100%}.reading-card-copy{padding:24px}.reading-card-copy>span{font-size:12px;letter-spacing:.08em;color:#82e0d9}.reading-card-copy h3{font-size:21px;line-height:1.25;margin:12px 0}.reading-card-copy p{font-size:14px;line-height:1.75;color:#b6cada;margin:0}.reading-demo-iphone{width:65%;aspect-ratio:707/1536;border:5px solid #283c4b;border-radius:24px;overflow:hidden;background:#07151d;box-shadow:0 16px 35px #0007}.reading-demo-iphone>img{display:block;width:100%;height:auto}.reading-visual-caption{font-size:11px;color:#9fb3c6;line-height:1.6;margin:16px 0 0;text-align:center}
/* Media is display-only. Narrator profile and guide-navigation controls remain interactive. */
.capture-frame,.cinematic-art,.travel-photo,.infographic-art{cursor:default}.cinematic-art:hover{border-color:#58609080;box-shadow:0 25px 85px #0007,0 0 70px #6845a315}.capture-frame:hover{border-color:#436482}
@media(max-width:1000px){.reading-journey-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-card-art{aspect-ratio:1}.reading-demo-iphone{width:40%}}
@media(max-width:600px){.reading-journey-cards{gap:12px}.reading-journey-card{border-radius:15px}.reading-card-copy{padding:16px}.reading-card-copy h3{font-size:17px;line-height:1.35}.reading-card-copy p{font-size:13px}.reading-card-art{aspect-ratio:4/5}.reading-demo-iphone{width:56%;border-width:3px;border-radius:17px}}
@media(max-width:359px){.reading-journey-cards{grid-template-columns:1fr}.reading-card-art{aspect-ratio:1}.reading-demo-iphone{width:40%}}
/* A connected, cinematic book-to-listening story. */
.story-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-journey .reading-journey-card{background:linear-gradient(145deg,#112635,#0b1826);border-color:#345364;border-radius:24px}.story-journey .reading-card-art{position:relative;aspect-ratio:3/2;background:#0b1c29}.story-journey .story-art>img{width:100%;height:100%;object-fit:cover}.story-journey .reading-card-copy{padding:26px 28px 28px}.story-journey .reading-card-copy h3{font-size:26px;letter-spacing:-.02em}.story-journey .reading-card-copy p{font-size:16px}.story-journey .story-listen-art{background:radial-gradient(ellipse at 25% 30%,#22566b88,transparent 60%),radial-gradient(ellipse at 80% 70%,#9d623c22,transparent 55%),#071a25;min-height:340px}.story-journey .reading-demo-iphone{height:90%;width:auto;aspect-ratio:850/1847;border-radius:26px;border:5px solid #4d6779;max-height:440px;box-shadow:0 20px 45px #0009;transform:rotate(3deg)}.story-journey .reading-demo-iphone img{height:100%;width:100%;object-fit:cover}.story-narrator-badge{position:absolute;left:24px;bottom:25px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #637d86;border-radius:14px;background:#0b2232ee;box-shadow:0 8px 28px #0006}.story-narrator-badge>img{width:48px;height:48px;object-fit:cover;object-position:50% 15%;border-radius:50%}.story-narrator-badge strong,.story-narrator-badge small{display:block}.story-narrator-badge strong{font-size:16px;color:#edfaff}.story-narrator-badge small{font-size:11px;color:#b9d4de;margin-top:4px}
.flying-story-words{position:absolute;inset:0;pointer-events:none;overflow:hidden}.flying-story-words span{position:absolute;left:13%;bottom:17%;font-size:clamp(12px,1.4vw,18px);font-family:Georgia,serif;color:#d2fbff;text-shadow:0 0 18px #66dbe9;opacity:0;animation:storyWordsRise 9s linear infinite;animation-play-state:paused}.flying-story-words span:nth-child(2){left:34%;animation-delay:3s}.flying-story-words span:nth-child(3){left:25%;animation-delay:6s}.story-art.is-in-view .flying-story-words span{animation-play-state:running}@keyframes storyWordsRise{0%,12%{transform:translate(0,18px) rotate(-8deg);opacity:0}28%{opacity:.85}64%{opacity:.65}82%,100%{transform:translate(45px,-150px) rotate(5deg);opacity:0}}
@media(max-width:640px){.story-journey{grid-template-columns:1fr;gap:22px}.story-journey .reading-card-art{aspect-ratio:3/2}.story-journey .reading-card-copy{padding:22px 24px 24px}.story-journey .reading-card-copy h3{font-size:25px}.story-journey .reading-card-copy p{font-size:16px}.story-journey .story-listen-art{aspect-ratio:4/5;min-height:420px}.story-journey .reading-demo-iphone{height:90%;max-height:none}.story-narrator-badge{left:16px;bottom:20px}.flying-story-words span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.flying-story-words{display:none}.story-journey .reading-demo-iphone{transform:none}}
.story-motion-toggle{display:block;margin:18px auto 0;padding:10px 15px;border:1px solid #416575;border-radius:99px;background:#102838;color:#b5eae9;font:inherit;font-size:12px;cursor:pointer}.story-motion-toggle:focus-visible{outline:3px solid #8ce5df;outline-offset:3px}.visual-motion-paused .flying-story-words span{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.story-motion-toggle{display:none}}
/* Ambient scene motion: sound pulses and local water movement, without moving people. */
.living-waveform{position:absolute;left:38%;right:11%;top:32%;height:33%;pointer-events:none;isolation:isolate;overflow:visible}.waveform-glow{position:absolute;inset:8% -8%;background:radial-gradient(ellipse,#1d8fbc55,transparent 65%);filter:blur(9px)}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px}.waveform-bars i{display:block;flex:1;height:var(--height);max-width:6px;border-radius:99px;background:linear-gradient(#b5fcff,#5fe0dc 45%,#59a9ff);box-shadow:0 0 8px #39c2e995;transform-origin:center;animation:soundPulse 2.3s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -0.17s);animation-play-state:paused}.living-waveform svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sound-ribbon{fill:none;stroke:#a3f4f2;stroke-width:1.4;opacity:.65;stroke-dasharray:44 16;animation:soundTravel 3.5s linear infinite;animation-play-state:paused}.sound-art.is-in-view .waveform-bars i,.sound-art.is-in-view .sound-ribbon{animation-play-state:running}@keyframes soundPulse{0%{transform:scaleY(.18);opacity:.55}30%{transform:scaleY(.76)}60%{transform:scaleY(.34)}100%{transform:scaleY(1);opacity:1}}@keyframes soundTravel{to{stroke-dashoffset:-120}}
.water-motion-layer{position:absolute;inset:0;background-image:url('offline-listening-travel.webp');background-size:200% 200%;pointer-events:none;transform-origin:center;animation:waterDrift 7s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.scene-beach .water-motion-layer{background-position:left bottom;clip-path:polygon(35% 35%,100% 32%,100% 66%,74% 63%,65% 49%,47% 45%,35% 46%)}.scene-cruise .water-motion-layer{background-position:right bottom;clip-path:polygon(0 33%,76% 32%,75% 37%,33% 45%,24% 65%,7% 79%,0 78%)}.water-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28}.water-surface path{fill:none;stroke:#f0ffff;stroke-width:2}.water-surface path:nth-child(2){opacity:.55;stroke-width:1}.water-surface path:nth-child(3){opacity:.3;stroke-width:3}.scene-beach .water-surface{clip-path:polygon(35% 35%,100% 32%,100% 66%,74% 63%,65% 49%,47% 45%,35% 46%)}.scene-cruise .water-surface{clip-path:polygon(0 33%,76% 32%,75% 37%,33% 45%,24% 65%,7% 79%,0 78%)}.water-surface g{animation:waterWaves 6s ease-in-out infinite alternate;animation-play-state:paused}.living-water.is-in-view .water-motion-layer,.living-water.is-in-view .water-surface g{animation-play-state:running}@keyframes waterDrift{from{transform:translate(-2px,0)}to{transform:translate(3px,2px)}}@keyframes waterWaves{from{transform:translate(-24px,-3px);opacity:.25}to{transform:translate(24px,8px);opacity:.8}}.motion-art-note{font-size:11px;color:#a6becc;text-align:center;margin:12px 0 0}
.visual-motion-paused .waveform-bars i,.visual-motion-paused .sound-ribbon,.visual-motion-paused .water-motion-layer,.visual-motion-paused .water-surface g{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.living-waveform,.water-motion-layer,.water-surface{display:none}}
.document-art-frame{display:block;overflow:hidden;border:1px solid #3e5d6c;border-radius:20px;box-shadow:0 22px 55px #0005}.document-art-frame img{display:block;width:100%;height:auto}.journal-feature .journal-screenshot:has(.document-art-frame){max-width:440px}.story-journey .format-art{background:#0b1928}.story-journey .format-art>img{object-fit:contain;padding:14px;box-sizing:border-box}.story-journey .format-art{aspect-ratio:3/2}
.hero-wave i{animation-play-state:paused}.hero-float-voice.is-in-view .hero-wave i{animation-play-state:running}.visual-motion-paused .hero-wave i{animation-play-state:paused!important}
/* Stronger localized ambient effects; no full-image zoom or moving faces. */
.ambient-scene-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.book-light,.book-light-halo{position:absolute;pointer-events:none;mix-blend-mode:screen;animation-play-state:paused!important}.book-light{left:47%;top:42%;width:9%;height:27%;border-radius:50%;transform:rotate(-12deg);background:radial-gradient(ellipse,#c8fff3 0%,#55f5cfaa 28%,#24cfa655 55%,transparent 75%);filter:blur(6px);animation:bookLightBreathe 3.8s ease-in-out infinite alternate}.book-light-halo{left:33%;top:29%;width:37%;height:49%;border-radius:50%;background:radial-gradient(ellipse,#67ffe650,transparent 65%);filter:blur(12px);animation:bookHaloBreathe 3.8s ease-in-out infinite alternate}.glowing-book.is-in-view .book-light,.glowing-book.is-in-view .book-light-halo{animation-play-state:running!important}@keyframes bookLightBreathe{from{opacity:.2}to{opacity:.92}}@keyframes bookHaloBreathe{from{opacity:.12}to{opacity:.72}}.visual-motion-paused .book-light,.visual-motion-paused .book-light-halo{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.ambient-scene-canvas,.book-light,.book-light-halo{display:none}}