.reading-story.cinematic-story{--story-top:var(--site-header-height);--story-height:calc(100svh - var(--story-top) - 18px);--story-context-height:64px;--story-gap:18px;--story-frame-height:calc(var(--story-height) - var(--story-context-height) - var(--story-gap));--story-step:max(560px, 90svh);scroll-margin-top:var(--story-top);margin-top:75px;padding-top:0;padding-bottom:55px;display:block}.cinematic-story .reading-story-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(35px,8vw,130px);max-width:1040px;margin-bottom:55px;padding-top:24px;display:grid}.cinematic-story .reading-story-label{grid-column:1/-1}.story-company-name{min-width:0}.cinematic-story .story-subtitle{color:#b2acbb;font:400 clamp(19px, 1.8vw, 25px)/1.3 var(--sans);letter-spacing:0;grid-column:1;margin:0 0 18px}.cinematic-story .reading-story-copy>p{grid-column:2;max-width:490px}.cinematic-story .reading-proof{grid-column:1}.cinematic-story .reading-source{grid-column:2;place-self:end start}.story-reading-toggle{color:var(--muted);text-underline-offset:4px;grid-column:2;justify-self:start;margin-top:15px;padding:3px 0;font-size:12px;text-decoration:underline}.story-scroll{height:calc(var(--beat-count) * var(--story-step) + var(--story-frame-height));position:relative}.story-frame{top:calc(var(--story-top) + var(--story-context-height) + var(--story-gap));height:var(--story-frame-height);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px clamp(28px,5vw,78px);display:grid;position:sticky}.story-context{top:var(--story-top);z-index:3;background:var(--paper);border-bottom:1px solid #ffffff1b;justify-content:space-between;align-items:center;gap:10px 16px;min-width:0;padding:8px 0;display:flex;position:sticky}.story-identity{align-items:center;gap:11px;min-width:0;display:flex}.story-identity>img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.story-identity>div{flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0;display:flex}.cinematic-story .story-context h2{color:var(--story-accent);font:500 32px/1.1 var(--sans);letter-spacing:-.025em;margin:0}.story-identity span{color:#aaa5b3;font-size:13px;line-height:1.25}.story-job-count{color:var(--muted);font:9px/1.3 var(--mono);flex-shrink:0}.story-next-job{white-space:nowrap;border-left:1px solid #ffffff20;margin-left:auto;padding:7px 0 7px 12px;font-size:13px}.story-step-controls{border-top:1px solid #ffffff14;grid-row:2;align-items:center;gap:8px;margin-top:22px;padding-top:11px;display:flex}.story-step-controls button{border:1px solid #ffffff20;border-radius:5px;min-height:33px;padding:6px 10px;font-size:13px}.story-step-controls button:disabled{opacity:.35;cursor:default}.story-step-controls [data-story-step-current]{white-space:nowrap;font:9px/1.4 var(--mono);color:var(--muted)}.story-captions{grid-row:1;min-width:0;display:grid}.story-caption{opacity:0;pointer-events:none;grid-area:1/1}.story-caption:first-child{opacity:1}.story-frame-context{color:var(--story-accent);font:400 12px/1.3 var(--sans);margin-bottom:8px;display:block}.story-caption>h3{font:500 clamp(26px, 2.65vw, 40px)/1.04 var(--sans);letter-spacing:-.035em;color:#eee9e3;margin:0 0 17px}.story-caption>p{color:#b4aebc;max-width:43ch;margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.55}article.reading-story.cinematic-story .stage{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-row:1;align-self:center;position:relative;overflow:hidden;height:min(100%,760px)!important;min-height:0!important;margin:0!important;padding:0!important}.cinematic-story .scene{width:100%;min-width:0;height:100%}.story-progress{background:#ffffff13;height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.story-progress>span{background:var(--story-accent);transform-origin:0;opacity:.65;width:100%;height:100%;display:block;transform:scaleX(0)}.cinematic-story[data-reading=true] .story-scroll{height:auto}.cinematic-story[data-reading=true] .story-frame{height:auto;display:block;position:static}.cinematic-story[data-reading=true] .story-captions{max-width:700px;display:block}.cinematic-story[data-reading=true] .story-caption{pointer-events:auto;margin:40px 0;opacity:1!important;transform:none!important}.cinematic-story[data-reading=true] .story-caption[data-context-start=false] .story-frame-context{display:none}.cinematic-story[data-reading=true] .stage,.cinematic-story[data-reading=true] .story-progress,.cinematic-story[data-reading=true] .story-step-controls{display:none!important}@media (max-width:980px){.reading-story.cinematic-story{--story-gap:16px;margin-top:60px}.story-frame{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:25px}.story-captions{grid-row:2;width:min(100%,680px);margin:0 auto}.cinematic-story .stage{grid-row:1}.story-caption>h3{margin-bottom:10px;font-size:clamp(25px,3.6vw,33px)}.story-caption>p{max-width:none;font-size:17px;line-height:1.45}}@media (max-width:600px){.reading-story.cinematic-story{--story-height:calc(100svh - var(--story-top) - 16px);--story-gap:12px;margin-top:35px;padding-bottom:34px}.cinematic-story .reading-story-copy{margin-bottom:32px;display:block}.cinematic-story .reading-source{margin-right:20px}.story-reading-toggle{display:inline-block}.story-frame{gap:12px;padding-bottom:20px}.story-context{gap:4px 10px;padding-block:6px}.cinematic-story .story-context h2{font-size:22px}.story-identity span{font-size:11px}.story-identity{gap:8px}.story-identity>img{width:30px;height:30px}.story-step-controls{margin-top:12px;padding-top:8px}.story-step-controls button{min-width:33px;padding:5px 9px;font-size:14px}.story-step-controls .step-label{display:none}.story-next-job{padding-left:10px;font-size:12px}.story-caption>h3{font-size:25px}.story-caption>p{font-size:16px}}@media (max-width:600px) and (max-height:650px){.reading-story.cinematic-story{--story-height:calc(100svh - var(--story-top) - 10px);--story-gap:8px}.story-frame{gap:8px;padding-bottom:12px}.story-caption>h3{margin-bottom:8px;font-size:21px}.story-caption>p{font-size:14px;line-height:1.35}.story-frame-context{margin-bottom:6px;font-size:11px}.story-step-controls{margin-top:8px;padding-top:6px}}@media (max-height:520px) and (min-width:600px){.reading-story.cinematic-story{--story-gap:10px}.story-frame{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:10px 25px;padding-bottom:10px}.story-captions{grid-area:1/1}.cinematic-story .stage{grid-area:1/2}.cinematic-story .story-context h2{font-size:24px}.story-context{padding-block:5px}.story-identity>img{width:30px;height:30px}.story-identity span{font-size:11px}.story-step-controls{margin-top:10px;padding-top:6px}.story-caption>h3{font-size:23px}.story-caption>p{font-size:14px;line-height:1.35}}@media (prefers-reduced-motion:reduce){.story-scroll{height:auto}.story-frame{height:auto;display:block;position:static}.story-captions{max-width:700px;margin:0;display:block}.story-caption{pointer-events:auto;margin:40px 0;opacity:1!important;transform:none!important}.story-caption[data-context-start=false] .story-frame-context{display:none}article.reading-story.cinematic-story .stage{height:min(480px,65svh)!important}.story-progress,.story-step-controls{display:none}}