/* About page: Experience, Photography, and Off the clock sit on the green blurred backdrop that used to hold the "How I got here" statement. */
.about-story{position:relative;background:var(--night);color:#fff;overflow:clip}
.about-story__stage{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;z-index:0;pointer-events:none}
.about-story__stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,19,14,.5),rgba(18,19,14,.34));z-index:1}
.about-story__bg{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(46px) saturate(1.55);transform:scale(1.15)}
.js .about-story__bg{animation:float var(--float-duration,26000ms) ease-in-out infinite alternate}
.page-inner .about-story__inner{position:relative;z-index:3;background:none}
.about-story .pill{color:#fff;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.about-story .h2,.about-story .lead,.about-story .timeline h3,.about-story .link{color:#fff}
.page-inner .about-story .body,.page-inner .about-story .timeline p{color:rgba(255,255,255,.78)}
.about-story .timeline{border-left-color:rgba(255,255,255,.3)}
.about-story .timeline li::before{background:rgba(255,255,255,.3)}
.about-story .timeline li:last-child::before{background:#fff}
.about-story .link:focus-visible,.about-story .pill:focus-visible{outline-color:#fff}
@media (prefers-reduced-motion:reduce){.js .about-story__bg{animation:none}}
.page-inner .about-story .cs__sec:last-child{padding-bottom:0}