/* Being Books — shared material, typography and story worlds.
   Art carries the atmosphere; glass is reserved for useful controls. */
:root{--night:#102832;--night-deep:#0d2029;--paper:#f5efe3;--sage:#dce7df;--amber:#f1d2aa;--quiet:#c5d2d0;--glass-light:linear-gradient(135deg,#fff8eade,#eee5d5c7);--glass-dark:linear-gradient(135deg,#23434fed,#122c37ed);--glass-edge:#ffffff45}
html{scroll-padding-top:112px}
body{background:radial-gradient(ellipse at 90% 10%,#e8dac5 0,transparent 45%),var(--paper)}
body[data-theme=dark]{background:radial-gradient(ellipse at 85% 4%,#244653 0,transparent 48%),var(--night-deep);color:var(--paper)}
p{line-height:1.75}h1,h2,h3{text-wrap:pretty}h1{letter-spacing:-.045em}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.12em}
body[data-theme=light] .muted{color:#536a6c}
:where(a,button,input,summary):focus-visible{outline:3px solid #795527;outline-offset:5px}
body[data-theme=dark] :where(a,button,input,summary):focus-visible{outline-color:#ffe1b6}
/* A warm lens, shared across every route. */
body:not(:has(.film-hero)) .site-header{position:sticky;top:16px;left:auto;right:auto;width:calc(100% - 2 * var(--gutter));max-width:1480px;margin:16px auto 0;height:68px;padding:10px 24px;border-radius:44px;background:var(--glass-light);border:1px solid #fff8eacc;color:#14333e;box-shadow:inset 0 1px 0 #ffffffe0,0 10px 32px #081e2912;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);z-index:20}
.site-header .wordmark{font-size:25px;letter-spacing:.045em;white-space:nowrap}
.site-header nav{gap:clamp(16px,2vw,30px);font-size:14px}
.site-header .menu-toggle{color:#183841}
.button{font-size:15px;min-height:48px;padding:12px 23px;line-height:1.45;transition:background .2s,box-shadow .2s,transform .2s}
.button.gold,.app-invite .button.gold{background:linear-gradient(135deg,#ffe8c9ed,#eac18dd9);color:#17313b;border:1px solid #fff1d6c9;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #76532922,0 5px 18px #081e2912}
.button.gold:hover{background:linear-gradient(135deg,#fff1dbeF,#f0cca1ee);box-shadow:inset 0 1px 0 #fff9,0 8px 22px #081e2920}
.button.outline{background:#ffffff08;border-color:#8caaa369;color:inherit;box-shadow:inset 0 1px 0 #ffffff15;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.button.outline:hover{background:#8caaa31a}
.text-link{font-size:15px;min-height:44px;line-height:1.45;text-underline-offset:5px}
body[data-theme=light] .text-link:hover{color:#72512c}
/* Cards: one substantial image, one legible copy surface, an explicit action. */
.story-card{background:linear-gradient(145deg,#254650,#19333e);border:1px solid #ffffff26;border-radius:26px;overflow:hidden;text-align:left;box-shadow:inset 0 1px 0 #ffffff09,0 16px 42px #04131b14}
.story-card:hover{border:1px solid #ffffff40;box-shadow:0 18px 46px #04131b22}
.story-card .story-art{border-radius:0;margin:0;max-width:none;aspect-ratio:1.8}
.story-card .story-art img,.three .story-card .story-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.story-card .story-card-copy{padding:28px 30px 30px}
.story-card .story-world-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#eacdaa;line-height:1.6;margin:0 0 12px}
.story-card .story-card-copy h3{font-size:clamp(32px,3.3vw,46px);line-height:1.08;max-width:600px;margin:0 0 16px}
.story-card .story-card-copy>p:not(.story-world-label){color:#d1dcd9;font-size:16px;line-height:1.7;max-width:46ch}
.story-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
.story-card-actions .text-link{font-size:14px;color:#e2e7e1}
.story-badge{font-size:13px;line-height:1.5;bottom:18px;left:18px;background:var(--glass-dark);border-color:#ffffff50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff20;padding:8px 13px}
.story-entry{width:40px;height:40px;font-size:20px;right:18px;bottom:17px;background:#112f3bbd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.listening-facts{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px;padding:0 0 26px;margin:0 0 28px;border-bottom:1px solid #ffffff26;color:#d0dcd6;font-size:14px;line-height:1.6}
.listening-facts li{display:flex;align-items:center;gap:10px}.listening-facts li:before{content:'';width:5px;height:5px;flex:0 0 5px;background:#efcda5;border-radius:50%}
body:has(.film-hero) #story-collection{background:radial-gradient(ellipse at 95% 20%,#24444d 0,transparent 50%),#102832;padding-top:clamp(44px,5vw,76px)}
body:has(.film-hero) .collection .story-card:first-child{background:linear-gradient(140deg,#274751,#17313e);border:1px solid #ffffff26}
body:has(.film-hero) .collection .story-card:first-child .story-art{aspect-ratio:auto}
body:has(.film-hero) .collection .story-card:first-child .story-art img{aspect-ratio:auto}
body:has(.film-hero) .collection .story-card:first-child .story-card-copy{padding:clamp(28px,3.5vw,50px)}
body:has(.film-hero) .collection .story-card:first-child h3{font-size:clamp(38px,4vw,60px)}
body:has(.film-hero) .collection .story-card h3{font-size:clamp(32px,3.3vw,46px)}
body:has(.film-hero) .collection .story-card .story-world-label{font-size:12px;color:#eacdaa}
body:has(.film-hero) .collection .story-card-copy p{color:#d1dcd9}
body:has(.film-hero) .purpose{background:radial-gradient(ellipse at 8% 60%,#e5d8c3 0,transparent 52%),var(--paper)}
.purpose .button.outline{border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}
/* Library: no carousel or filter needed for a small, authored selection. */
.page-intro{padding-top:80px;padding-bottom:64px}.page-intro h1{max-width:1000px;margin-inline:auto;font-size:clamp(52px,6.5vw,92px)}.page-intro>p:not(.eyebrow){max-width:600px;margin-inline:auto;font-size:18px}
.library .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.library .story-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch}
.library .story-card:first-child .story-art{height:100%;aspect-ratio:auto;min-height:390px}
.library .story-card:first-child .story-card-copy{align-self:center;padding:clamp(28px,4vw,60px)}
.library .story-card:last-child{grid-column:auto;max-width:none}
.development{padding-top:48px;padding-bottom:90px;gap:50px}.development img{border-radius:26px}.development h2{font-size:clamp(38px,4vw,60px)}.development .muted{font-size:15px}
/* Full illustration story pages. The text stays on an opaque-enough scrim. */
.story-world.story-detail{position:relative;max-width:none;padding:0;margin-top:20px;isolation:isolate;color:var(--paper)}
.story-world .back-link{position:absolute;top:28px;left:var(--gutter);z-index:4;color:var(--paper);font-size:14px;padding:8px 15px;width:auto;margin:0;border:1px solid #fff3;border-radius:30px;background:#122d38d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-decoration:none}
.story-world .detail-grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;min-height:760px}
.story-world .detail-copy{grid-area:1/1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;align-self:center;justify-self:start;max-width:680px;width:55%;margin:0;padding:124px 0 110px var(--gutter);pointer-events:auto}
.story-world .detail-copy h1{font-size:clamp(58px,6.7vw,104px);line-height:.98;max-width:620px;margin:0 0 24px;letter-spacing:-.035em}
.story-world[data-world=the-morning-that-is-already-here] .detail-copy h1{font-size:clamp(52px,5.5vw,82px)}
.story-world .detail-copy>.eyebrow{font-size:12px;letter-spacing:.1em;color:#f5d6af;margin-bottom:18px}
.story-world .detail-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:40ch;margin-bottom:22px}
.story-world .detail-copy>.small.muted{font-size:14px;color:#d8ded7}
.story-world .detail-copy>.listening-note{font-size:14px;color:#d8ded7;margin:18px 0 0}
.story-world .story-panorama,.story-world .story-landscape{grid-area:1/1;position:relative;min-width:0;z-index:0;overflow:hidden;min-height:760px}
.story-world .depth-scene{height:100%;min-height:760px;aspect-ratio:auto}
.story-world .story-landscape .detail-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;border-radius:0;aspect-ratio:auto}
.story-world .story-landscape:after,.story-world .story-panorama:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d2634f0 0%,#0d2634c9 35%,#0d26344a 65%,#0d263400 90%),linear-gradient(0deg,#0d263460,transparent 40%)}
.story-world .listening-capsule{flex-wrap:wrap;gap:12px;border-radius:28px;padding:9px;background:var(--glass-dark);border-color:#fff5;box-shadow:inset 0 1px 0 #ffffff25,0 10px 24px #071e2926}
.story-world .listening-capsule .story-play{font-size:15px;min-height:48px;padding:12px 22px}
.story-world .capsule-meta{font-size:13px;line-height:1.6;white-space:normal}.story-world .capsule-meta>span{font-size:12px;color:#dbe4de}
.app-story-action .small{font-size:13px;margin:14px 0 6px;color:#e1e5dd}
.app-story-action .text-link{font-size:14px}
.story-context{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:58px;padding-bottom:62px;background:linear-gradient(120deg,#183945,#122b36);max-width:none}
.story-context h2{font-size:clamp(32px,3.3vw,46px);margin:0}.story-context p{max-width:52ch;font-size:17px}.story-context .eyebrow{font-size:12px;color:#e5c6a2;margin-bottom:12px}.story-context .muted{font-size:14px;color:#c6d3d0}
.excerpt{background:radial-gradient(ellipse at 80% 60%,#e9ddc9,transparent 65%),var(--paper);color:var(--night);padding:80px 0}
.excerpt .eyebrow{font-size:12px;color:#536862}.excerpt blockquote{font-size:clamp(26px,2.8vw,36px);line-height:1.55;margin-bottom:32px}
.related-stories{padding-top:80px;padding-bottom:90px}.related-stories h2{font-size:clamp(40px,4.4vw,64px);max-width:800px}
.related-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:stretch}
.continue-card{padding:clamp(30px,4vw,60px);border-radius:26px;background:radial-gradient(ellipse at 90% 90%,#41646066,transparent 70%),#ffffff06;border:1px solid #ffffff2b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.continue-card h3{font-size:clamp(38px,4vw,58px)}.continue-card>p{font-size:16px;color:#d2dcd6;max-width:40ch}.continue-card .small{font-size:13px;margin-top:16px}
/* Warm reading space: editorial intention, practical questions and privacy. */
.intention-landscape{margin:0 auto 65px;position:relative}.intention-landscape img{width:100%;aspect-ratio:2.55;object-fit:cover;object-position:center 60%;border-radius:26px}.intention-landscape figcaption{font-size:14px;color:#52696b;margin-top:15px;text-align:center}
.essay{font-size:18px;line-height:1.85;padding-bottom:90px}.essay h2{font-size:clamp(36px,4vw,50px);margin-top:52px;scroll-margin-top:120px}.essay p{line-height:1.85}.intention-essay h2:first-child{margin-top:0}
.maker{display:flex;align-items:center;gap:22px;border-block:1px solid #31525d2b;padding:28px 0;margin:40px 0}.maker-mark{display:grid;place-items:center;flex:0 0 70px;height:70px;border-radius:50%;background:var(--night);color:var(--amber);font:500 48px Cormorant,Georgia,serif}.maker p{margin:0}.maker .eyebrow{font-size:12px;margin:0 0 6px}.maker p:last-child{font-size:16px}
.parent-questions{padding-block:80px;display:grid;grid-template-columns:1fr 1.4fr;gap:8%;color:var(--night);background:var(--paper);max-width:none}.parent-questions h2{font-size:clamp(42px,5vw,68px)}.parent-questions .questions{padding:0;margin:0;width:auto}
.questions{padding-top:30px;padding-bottom:80px}.questions h2{font-size:clamp(36px,4vw,50px)}.questions details{border:1px solid #71928a44;border-radius:18px;padding:0 22px;margin:0 0 12px;background:#ffffff08}.questions summary{font-size:17px;line-height:1.5;font-weight:600;padding:20px 0;cursor:pointer}.questions details[open]{background:#789b9110}.questions details p{font-size:16px;line-height:1.75;margin:0 0 20px}.questions details .text-link{margin-bottom:16px}.questions details[open] summary{padding-bottom:14px}
.reading-contents{display:flex;flex-wrap:wrap;gap:8px 22px;border-block:1px solid #36545d35;padding:18px 0;margin-bottom:36px;font-size:14px}.reading-contents a{min-height:44px;display:flex;align-items:center}
/* App: the existing screenshot is the product proof. */
body:has(.film-hero) .app-invite,.app-invite{background:radial-gradient(ellipse at 75% 45%,#b5d0c3 0,transparent 58%),#e2e9df;color:var(--night);padding:80px 0}
.app-invite .phone{transform:none!important;border:1px solid #fff5;border-radius:28px;filter:drop-shadow(0 20px 28px #1b3d4330)}
.app-page{padding-top:80px;padding-bottom:65px;gap:9%}.app-page h1{font-size:clamp(54px,6vw,88px);line-height:1.03}.app-page p{max-width:47ch}.app-page .muted{color:#cbd9d3;font-size:14px}
.app-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:28px 0 16px}
.app-showcase{margin:0;padding:44px 30px 24px;border-radius:34px;border:1px solid #ffffff29;background:radial-gradient(ellipse at 50% 40%,#718e7b80,transparent 65%),linear-gradient(145deg,#3c5f6040,#26374880);box-shadow:inset 0 1px 0 #fff2}
.app-showcase .large-phone{width:min(100%,275px);border-radius:28px;border:1px solid #ffffff45;box-shadow:0 24px 55px #06182266}.app-showcase figcaption{text-align:center;font-size:13px;line-height:1.6;color:#d3ded5;margin-top:24px}
.access-options{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:60px}.access-options>div{padding:36px;border:1px solid #ffffff2a;border-radius:24px;background:#ffffff05}.access-options h2{font-size:clamp(32px,3vw,46px)}.access-options p{font-size:16px}.access-options .eyebrow{font-size:12px;color:#f1d2aa}
.site-footer{padding-top:44px;padding-bottom:44px;border-top:1px solid #81999138}.site-footer nav{font-size:14px;flex-wrap:wrap;gap:12px 24px}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.site-footer p{font-size:13px;line-height:1.7}
/* Listening remains useful without becoming another engagement demand. */
.player{background:var(--glass-dark);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff26,0 12px 48px #06151e55}.player .button{font-size:14px}.player-finish{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;border-top:1px solid #ffffff26;padding-top:12px;font-size:14px;color:#dce4dc}.player-finish a{display:inline-flex;align-items:center;min-height:44px;color:#ffe1b8}.player-finish[hidden]{display:none}
html:not(.js) .story-play{display:none}html:not(.js) .story-world .fallback-audio{max-width:100%;display:block}
@media(max-width:1000px){.site-header .wordmark{font-size:21px}.story-card .story-card-copy{padding:24px}.story-card-actions{gap:10px}.story-world .detail-copy{width:65%}.story-world .detail-copy h1{font-size:70px}.story-world[data-world=the-morning-that-is-already-here] .detail-copy h1{font-size:58px}.related-pair{grid-template-columns:1.15fr 1fr}}
@media(max-width:700px){
 html{scroll-padding-top:100px}
 body:not(:has(.film-hero)) .site-header{top:12px;width:calc(100% - 32px);height:58px;margin-top:12px;padding:7px 15px}
 .site-header .wordmark{font-size:20px}.site-header .menu-toggle{font-size:14px;min-height:44px;padding:8px 18px;background:#ffffff28;border:1px solid #1635403d}
 body:not(:has(.film-hero)) .site-header nav{top:68px;left:0;right:0;padding:18px;border:1px solid #ffffff90;border-radius:22px;background:#f3eddfF5;color:#15343f;box-shadow:0 14px 36px #0b212533;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .page-intro{padding-top:54px;padding-bottom:40px}.page-intro h1{font-size:clamp(44px,12vw,62px)}.page-intro>p:not(.eyebrow){font-size:16px}
 .listening-facts{display:grid;gap:8px;font-size:13px;padding-bottom:22px;margin-bottom:24px}
 .library .story-grid,.related-pair,.access-options{grid-template-columns:1fr;gap:26px}
 .library .story-card:first-child{display:block;grid-column:auto}.library .story-card:first-child .story-art{height:auto;min-height:0;aspect-ratio:1.6}.library .story-card:first-child .story-card-copy{padding:25px}
 .story-card{border-radius:22px}.story-card .story-art{aspect-ratio:1.6}.story-card .story-card-copy{padding:25px}
 .story-card .story-card-copy h3,body:has(.film-hero) .collection .story-card h3,body:has(.film-hero) .collection .story-card:first-child h3{font-size:36px;margin-inline:0}
 body:has(.film-hero) .collection .story-card:first-child .story-card-copy{padding:25px}
 body:has(.film-hero) .collection .story-card:first-child .story-art{aspect-ratio:1.6}
 body:has(.film-hero) .collection .story-card:first-child .story-art img{height:100%;aspect-ratio:auto}
 .story-card .story-card-copy>p:not(.story-world-label){font-size:15px}.story-card-actions{align-items:flex-start;gap:10px 16px}.story-card-actions .button{font-size:14px;padding:12px 20px}.story-card-actions .text-link{font-size:13px}
 .story-badge{font-size:12px;left:14px;bottom:14px;padding:7px 11px}.story-entry{right:14px;bottom:12px;width:36px;height:36px}
 .development{padding-bottom:60px;gap:28px}.development h2{font-size:40px}
 .story-world.story-detail{margin-top:16px}.story-world .detail-grid{display:flex;flex-direction:column;min-height:0;background:#102b37}
 .story-world .back-link{top:14px;left:24px;font-size:13px;min-height:44px}
 .story-world .detail-copy{order:0;width:100%;max-width:none;align-self:stretch;padding:84px 24px 32px;background:radial-gradient(ellipse at 100% 0,#2d4e55,transparent 80%),#102b37}
 .story-world .detail-copy h1,.story-world[data-world=the-morning-that-is-already-here] .detail-copy h1{font-size:clamp(44px,12vw,64px);line-height:1.01;max-width:540px;margin-bottom:22px}
 .story-world .detail-copy>p:not(.eyebrow){font-size:16px;max-width:45ch}.story-world .detail-copy>.small.muted{font-size:13px}.story-world .detail-copy>.listening-note{font-size:13px}
 .story-world .story-landscape,.story-world .story-panorama{order:1;min-height:0;width:100%;aspect-ratio:4/3}
 .story-world .depth-scene{min-height:0;height:100%;aspect-ratio:auto}.story-world .story-landscape .detail-art{object-position:65% center}
 .story-world .story-landscape:after,.story-world .story-panorama:after{background:linear-gradient(#102b3720,transparent 22%)}
 .story-world .listening-capsule{border-radius:24px;gap:8px;padding:8px}.story-world .listening-capsule .story-play{padding:12px 18px;font-size:14px}.story-world .capsule-meta{font-size:12px;padding-right:6px}.story-world .capsule-meta>span{font-size:11px}
 .story-context{grid-template-columns:1fr;gap:20px;padding-block:38px}.story-context h2{font-size:36px}.story-context p{font-size:16px}
 .excerpt{padding:54px 0}.excerpt h2{font-size:42px}.excerpt blockquote{font-size:26px}
 .related-stories{padding-top:50px;padding-bottom:60px}.related-stories h2{font-size:42px}.continue-card{padding:30px}.continue-card h3{font-size:42px}
 .intention-landscape{margin-bottom:42px}.intention-landscape img{aspect-ratio:1.35;border-radius:20px;object-position:64% center}.intention-landscape figcaption{font-size:13px}
 .essay{font-size:16px;padding-bottom:60px}.essay h2{font-size:38px;margin-top:38px}.maker{gap:16px}.maker-mark{flex-basis:56px;height:56px;font-size:38px}
 .parent-questions{grid-template-columns:1fr;gap:28px;padding-block:55px}.parent-questions h2{font-size:44px}.parent-questions h2 br{display:none}
 .questions summary{font-size:16px}.questions details{padding-inline:18px}.questions details p{font-size:15px}.questions{padding-bottom:60px}
 .app-page{padding-top:54px;padding-bottom:46px;gap:36px}.app-page h1{font-size:clamp(46px,12vw,62px)}.app-actions{align-items:flex-start;flex-direction:column;gap:8px}
 .app-showcase{width:100%;max-width:440px;margin-inline:auto;padding:30px 22px 20px}.app-showcase .large-phone{width:220px}.app-showcase figcaption{font-size:12px}
 .access-options{padding-bottom:40px}.access-options>div{padding:28px}.access-options h2{font-size:36px}.app-invite{padding-block:60px}
 .player-finish{grid-row:4;grid-column:1/3;font-size:13px;padding-top:6px;gap:0 14px}.player-finish a{min-height:36px}
 body:has(.player:not([hidden])){padding-bottom:250px}.site-footer{padding-block:32px}.site-footer .wordmark{font-size:24px}
 html:not(.js) body:not(:has(.film-hero)) .site-header{position:relative;height:auto;flex-wrap:wrap;border-radius:22px}
 html:not(.js) body:not(:has(.film-hero)) .site-header nav{position:static;display:flex;width:100%;box-shadow:none;border:0;background:none;flex-wrap:wrap;padding:8px 0}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body:not(:has(.film-hero)) .site-header{background:#f2eadc}.player,.listening-capsule,.story-badge{background:#173540}.button.gold{background:#f0d0a6}}
@media(prefers-reduced-transparency:reduce){body .site-header,body:has(.film-hero) .site-header{background:#f2eadc;backdrop-filter:none;-webkit-backdrop-filter:none}.player,.story-world .listening-capsule,.story-badge{background:#173540;backdrop-filter:none;-webkit-backdrop-filter:none}.button.gold{background:#f0d0a6;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.story-art img{transition:none}.button:hover,.story-art:hover img{transform:none}}
.app-showcase .large-phone{margin-inline:auto}
@media(min-width:1001px){.player .close{grid-column:4;grid-row:1}.player-finish{grid-row:2}body:has(.player:not([hidden])){padding-bottom:190px}}
@media(min-width:701px) and (max-width:1000px){.player-finish{grid-row:3}body:has(.player:not([hidden])){padding-bottom:215px}}

.film-listen-title{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-top:2px;letter-spacing:0}

/* Supplied Being Books mark: original transparent white artwork, unaltered. */
.wordmark{gap:12px}.brand-emblem{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#102832;box-shadow:inset 0 1px 0 #ffffff22}
.brand-emblem img{width:27px;height:27px;object-fit:contain}.site-footer .brand-emblem{background:#ffffff08;border:1px solid #ffffff35;width:42px;height:42px;flex-basis:42px}.site-footer .brand-emblem img{width:30px;height:30px}
.maker-mark img{width:46px;height:46px;object-fit:contain}
@media(min-width:701px) and (max-width:1000px){.site-header .wordmark{font-size:18px;gap:8px}.site-header .brand-emblem{width:30px;height:30px;flex-basis:30px}.site-header .brand-emblem img{width:23px;height:23px}.site-header nav{gap:14px;font-size:13px}}
@media(max-width:700px){body .site-header .wordmark{font-size:17px;gap:8px;letter-spacing:.025em}.site-header .brand-emblem{width:28px;height:28px;flex-basis:28px}.site-header .brand-emblem img{width:21px;height:21px}.site-header .menu-toggle{padding-inline:14px}.maker-mark img{width:38px;height:38px}}
@media(max-width:360px){body .site-header .wordmark{font-size:15px;gap:6px}.site-header .menu-toggle{padding-inline:12px}}

.app-listening{padding-block:20px 58px}.app-listening h2{font-size:clamp(40px,4.5vw,62px)}.app-listening dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:30px 0 0}.app-listening dl>div{border-top:1px solid #e5cfa849;padding-top:22px}.app-listening dt{font:500 32px/1.2 Cormorant,Georgia,serif;margin-bottom:14px;color:#f5efe3}.app-listening dd{margin:0;font-size:16px;line-height:1.75;color:#d9d0df}
@media(max-width:700px){.app-listening{padding-block:10px 40px}.app-listening dl{grid-template-columns:1fr;gap:24px}.app-listening dt{font-size:30px}.app-listening dd{font-size:15px}}

/* Clear edition comparison; music is described as craft, without outcome claims. */
.listening-editions{position:relative;background:#21172f;color:#f5efe3;padding:clamp(64px,8vw,112px) 0;isolation:isolate}
.editions-heading{max-width:660px;margin-bottom:38px}.editions-heading h2{font-size:clamp(44px,5vw,72px);line-height:1.05;margin:16px 0}.editions-heading>p:last-child{color:#ddd1e1;font-size:20px}
.edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.edition-panel{position:relative;overflow:hidden;padding:clamp(26px,4vw,48px);border:1px solid #e5cfa838;border-radius:28px;background:linear-gradient(140deg,#f3ce9630,#ffffff06 65%);box-shadow:inset 0 1px 0 #ffffff18}.edition-bedtime{background:linear-gradient(140deg,#8b75bb30,#ffffff06 65%)}.edition-symbol{display:block;color:#ebc799;font-size:42px;line-height:1;margin-bottom:28px}.edition-panel h3,.soundtrack-note h3{font-size:clamp(32px,3.5vw,46px);line-height:1.12;margin:16px 0 22px}.edition-panel>p:last-child{max-width:38ch;color:#e0d6e5;line-height:1.8;margin-bottom:0}
.soundtrack-note{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid #e5cfa838;margin-top:48px;padding-top:40px}.soundtrack-note h3{margin-bottom:0}.soundtrack-note>p{color:#e0d6e5;line-height:1.8;max-width:48ch;align-self:center}.editions-action{display:flex;align-items:center;gap:24px;margin-top:36px}.editions-action p{color:#d6c8df;margin:0;line-height:1.7}
@media(max-width:700px){.edition-grid,.soundtrack-note{grid-template-columns:1fr;gap:20px}.edition-panel{border-radius:22px}.edition-symbol{margin-bottom:20px}.soundtrack-note{margin-top:32px;padding-top:30px}.soundtrack-note h3 br{display:none}.editions-action{align-items:flex-start;flex-direction:column;gap:18px}.editions-heading>p:last-child{font-size:18px}}

/* Tactile finishing touches: no looping motion, no delayed access to content. */
.text-link{transition:color .2s ease,text-decoration-color .2s ease;text-decoration-thickness:1px}.text-link:hover,.text-link:focus-visible{text-decoration-thickness:2px}
.round,.menu-toggle,.film-motion,.scene-motion-toggle,.star-motion-toggle{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.story-entry{transition:background-color .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.edition-panel{transition:border-color .3s ease,box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.story-art:hover .story-entry{transform:translateX(3px)}.edition-panel:hover{border-color:#e5cfa86b;box-shadow:inset 0 1px 0 #ffffff26,0 12px 32px #10091d20}}
.story-art:focus-visible .story-entry{transform:translateX(3px)}
.button:active,.round:active,.menu-toggle:active{transform:scale(.98)}
.questions details[open]>p,.questions details[open]>.text-link{animation:answer-arrive .24s ease-out}
.player:not([hidden]){animation:player-arrive .28s cubic-bezier(.22,1,.36,1)}
@keyframes answer-arrive{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes player-arrive{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.button:active,.round:active,.menu-toggle:active,.story-art:hover .story-entry,.story-art:focus-visible .story-entry{transform:none}}

/* Mobile release refinement: compact reading, consistent full-width actions. */
@media(max-width:700px){
 .site-header .wordmark{font-size:clamp(16px,4.6vw,20px);gap:8px;min-width:0}
 .site-header .menu-toggle{padding:8px 13px;flex-shrink:0}
 .story-world.story-detail{margin-top:12px}
 .story-world .detail-grid{background:#21182f}
 .story-world .detail-copy{padding:72px 24px 24px;background:radial-gradient(ellipse at 100% 0,#3a2d48,transparent 85%),#21182f}
 .story-world .back-link{top:12px;padding:6px 13px;min-height:44px}
 .story-world .detail-copy>.eyebrow{margin:0 0 12px;font-size:12px}
 .story-world .detail-copy h1,.story-world[data-world=the-morning-that-is-already-here] .detail-copy h1{font-size:clamp(40px,10.8vw,52px);line-height:1.03;margin:0 0 16px}
 .story-world[data-world=the-sky-inside] .detail-copy h1 br{display:none}
 .story-world .detail-copy>p:not(.eyebrow){line-height:1.55;margin:0 0 14px}
 .story-world .detail-copy>.small.muted{font-size:13px;line-height:1.5;margin-bottom:18px}
 .story-world .listening-capsule{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:10px;padding:10px;border-radius:22px;box-sizing:border-box}
 .story-world .listening-capsule .story-play{width:100%;margin:0;min-height:48px;font-size:16px;padding:11px 16px}
 .story-world .capsule-meta{padding:0 6px 4px;text-align:center;font-size:14px;line-height:1.5}
 .story-world .capsule-meta>span{font-size:13px}
 .story-world .detail-copy>.listening-note{font-size:14px;line-height:1.5;margin:14px 0 0}
 .story-world .detail-copy>.audio-feedback{font-size:14px;margin:12px 0 0}
 .story-world .story-landscape:after,.story-world .story-panorama:after{background:linear-gradient(#21182f22,transparent 22%)}
 .story-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}
 .story-card-actions .button{width:100%;min-height:48px;font-size:15px}
 .story-card-actions .text-link{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px}
 .app-actions,.app-story-action{width:100%}.app-actions .button,.app-story-action>.button{width:100%;white-space:normal;text-align:center}
 .app-story-action .text-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px 12px}
 .site-footer nav a{min-height:44px}
}
.audio-feedback:empty{display:none}

@media(max-width:700px){.film-controls .film-listen-title{font-size:13px;margin:0}}

/* Vector navigation arrows remain monochrome on iOS and other platforms. */
.arrow-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;pointer-events:none}.story-entry .arrow-icon{width:1.15rem;height:1.15rem}