/* The post-bounce story: one stage, moving layers, real scroll progress. */
.hero.story-hero{display:block;height:180svh;min-height:0;background:#090e18;border:0;text-align:center}
.hero.story-hero:before{display:none}
.story-stage{position:sticky;top:104px;height:calc(100svh - 104px);min-height:480px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#1e3154,#090e18 72%);perspective:1100px}
.story-art{position:absolute;inset:29% 10% auto;height:43%;z-index:2;transform-origin:center;will-change:transform,opacity}
.story-art img{width:100%;height:100%;object-fit:cover;border:1px solid #ffffff30;box-shadow:0 24px 90px #0009}
.story-title{position:absolute!important;inset:13% 3% auto;margin:0!important;font:400 clamp(34px,6.6vw,104px)/1.05 "DM Sans",Arial,sans-serif!important;letter-spacing:-.065em!important;z-index:1;color:#f4f5fa}
.story-details{position:absolute;inset:44% 7% auto;z-index:5;color:#c4d0ff;font:italic 400 clamp(42px,6.4vw,100px)/.95 "Instrument Serif",Georgia,serif;letter-spacing:-.035em;pointer-events:none}
.story-details span{display:block}
.story-word{position:absolute;top:51%;left:50%;z-index:3;white-space:nowrap;background:#fff0a0;color:#151b28;padding:9px 15px;box-shadow:0 8px 20px #0005;border:1px solid #a48d4066;font:500 clamp(16px,2vw,28px)/1.2 "Caveat",cursive;pointer-events:none}
.story-word:nth-child(3n){background:#d7e1ff}.story-word:nth-child(3n + 1){background:#f4f5f2}
.story-eyebrow{position:absolute;inset:5% 20px auto;font-size:13px;letter-spacing:.2em;color:#c2cee3;text-transform:uppercase;z-index:6}
.story-copy{position:absolute;inset:auto 8% 11%;z-index:6;font-size:clamp(16px,1.5vw,20px);line-height:1.55;max-width:660px;margin:auto;color:#d2dae8}
.story-copy strong{font-weight:500;color:white}
.story-scroll{position:absolute;bottom:3.5%;left:0;right:0;color:#aab9d6;font-size:13px;letter-spacing:.16em;text-transform:uppercase;z-index:6}
.story-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#6d8fff;transform-origin:left;transform:scaleX(var(--story-progress,0));z-index:7}
.story-hero:not(.story-enhanced) .story-word{display:none}
.story-hero:not(.story-enhanced) .story-art{opacity:.2}
.notebook-panel{min-width:0}.notebook-track.book-pinned{height:calc(var(--book-height) + 130svh)}
.book-pinned .notebook-panel{position:sticky;top:var(--book-top,124px)}
.book-pinned .note-count:before{content:"Scroll to turn the page · ";letter-spacing:0}
.services-grid:has(.book-pinned)>div:first-child{position:sticky;top:144px;align-self:start}
.about .bio p{transition:color .3s}.about.reading .bio p{color:#69717c}.about.reading .bio p.read-active{color:#11161d}
@media(max-width:850px){.story-stage{top:82px;height:calc(100svh - 82px)}.story-art{left:6%;right:6%}.story-title{font-size:clamp(32px,7.6vw,64px)!important;top:17%}.story-details{font-size:clamp(43px,8.5vw,72px);top:44%}.story-copy{bottom:12%;font-size:16px;left:8%;right:8%}.story-eyebrow{font-size:12px;letter-spacing:.12em}.services-grid:has(.book-pinned)>div:first-child{position:static}.book-pinned .notes-heading{margin-top:0}.story-stage{min-height:460px}}
@media(max-width:560px){.story-title{letter-spacing:-.055em!important;font-size:8.5vw!important}.story-art{top:30%;height:39%}.story-details{top:44%;font-size:13vw}.story-copy{font-size:16px;bottom:13%}.story-scroll{font-size:12px}.story-word{padding:7px 10px}.story-eyebrow{top:7%;font-size:11px}.note-count{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero.story-hero{height:auto}.story-stage{position:relative;top:0}.story-word{display:none}.notebook-track.book-pinned{height:auto}.book-pinned .notebook-panel{position:static}.about.reading .bio p{color:#11161d}}