/* Defined narrative role: Manrope 400, 24 / 20 / 18px, 150% leading. */
body.about-page .story-scroll{--story-type-size:24px;background:var(--paper);padding:0;position:relative;scroll-margin-top:0}
.story-pin{position:relative;min-height:100svh;isolation:isolate;background:var(--paper);padding:176px var(--gutter) 80px;display:flex;align-items:center}
.story-background{position:absolute;inset:0;z-index:-1;margin:0;overflow:hidden}
.story-background img{width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.story-shade{position:absolute;inset:0;background:#000;opacity:.82}
.story-scroll-label{position:absolute;top:112px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;color:#fff}
.story-scroll-label h2{margin:0}
.story-reading-window{position:relative;width:min(900px,100%);margin-inline:auto}
.story-reading-content{width:100%}
:root body.type-system.about-page main .story-reading-content p{font-family:var(--type-text);font-size:var(--story-type-size);font-weight:400;line-height:1.5;letter-spacing:normal;color:#fff;text-transform:none}
.story-reading-content p+p{margin-top:24px}
.story-word{color:#fff}
/* Progressive enhancement keeps the whole story readable without JavaScript. */
.story-scroll.is-scroll-story{height:var(--story-journey-height,360svh)}
.is-scroll-story .story-pin{position:sticky;top:0;height:100svh;min-height:0;padding:0;overflow:hidden}
.is-scroll-story .story-background{inset:auto;left:50%;top:50%;width:var(--story-frame-width,64%);height:var(--story-frame-height,58%);transform:translate(-50%,-50%);will-change:width,height}
.is-scroll-story .story-shade{opacity:var(--story-darkness,0)}
.is-scroll-story .story-scroll-label{color:var(--story-label-color,var(--ink))}
.is-scroll-story .story-reading-window{position:absolute;top:176px;bottom:72px;left:var(--gutter);right:var(--gutter);width:auto;max-width:900px;display:flex;align-items:flex-start;overflow:hidden;opacity:var(--story-copy-opacity,0)}
.is-scroll-story .story-reading-content{flex-shrink:0;margin-block:auto;transform:translate3d(0,var(--story-copy-y,0px),0);will-change:transform}
.is-scroll-story .story-word{color:var(--story-word-color,#999)}
@media(max-width:991px){
 body.about-page .story-scroll{--story-type-size:20px}
 .story-scroll-label{top:96px}
 .story-pin{padding-top:152px;padding-bottom:56px}
 .is-scroll-story .story-reading-window{top:152px;bottom:56px}
}
@media(max-width:767px){
 body.about-page .story-scroll{--story-type-size:18px}
 .story-scroll-label{top:88px}
 .story-scroll-label>span{display:none}
 .story-pin{padding-top:136px;padding-bottom:40px}
 .is-scroll-story .story-reading-window{top:136px;bottom:40px}
 .story-reading-content p+p{margin-top:20px}
 .story-background img{object-position:32% 50%}
}
@media(prefers-reduced-motion:reduce){
 body.about-page .story-scroll.is-scroll-story{height:auto!important}
 .is-scroll-story .story-pin{position:relative;height:auto;min-height:100svh;padding:176px var(--gutter) 80px;overflow:visible}
 .is-scroll-story .story-background{inset:0;width:100%;height:100%;transform:none;will-change:auto}
 .is-scroll-story .story-shade{opacity:.82}
 .is-scroll-story .story-scroll-label{color:#fff}
 .is-scroll-story .story-reading-window{position:relative;inset:auto;width:100%;opacity:1;overflow:visible}
 .is-scroll-story .story-reading-content{transform:none;will-change:auto}
 .is-scroll-story .story-word{color:#fff!important}
}