/* Shared long-exposure timeline: continuous strands, no separate clipped rails. */
.beam-page{max-width:1040px;padding-top:65px;padding-bottom:45px}
.beam-timeline{position:relative;padding:100px 0 120px;isolation:isolate}
.exposure-beams{position:absolute;left:0;top:0;width:140px;height:100%;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 120px),transparent);-webkit-mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 120px),transparent)}
.beam-section{--reading:.7;display:grid;grid-template-columns:65px minmax(0,1fr);gap:20px;position:relative;min-height:68svh;padding:65px 35px 90px 170px;scroll-margin-top:45px}
.beam-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 8% 40%,#648cff1e,transparent 68%);opacity:var(--reading);z-index:-1}
.beam-content,.beam-number{opacity:1}
.beam-number{font:12px ui-monospace,monospace;color:#9ebce0;padding-top:23px}
.beam-content h2{font:var(--type-section);letter-spacing:-.05em;margin:0 0 40px;background:var(--heading-spectrum);filter:saturate(var(--heading-saturation));color:transparent;background-clip:text}
.beam-content article{border-top:1px solid #8a9bb636;padding-top:24px}
.beam-content h3{font:var(--type-card);letter-spacing:var(--tracking-card);margin:0 0 14px}
.beam-content p{color:var(--copy-color);max-width:590px;font-size:17px;line-height:1.8}
.beam-content .beam-meta{color:var(--copy-color)}
@media(max-width:800px){.beam-section{grid-template-columns:40px minmax(0,1fr);gap:10px;padding-left:135px;padding-right:8px}.exposure-beams{width:110px}}
@media(max-width:600px){.beam-page{padding-top:15px}.beam-timeline{padding:65px 0 85px}.exposure-beams{width:66px;mask-image:linear-gradient(transparent,#000 65px,#000 calc(100% - 85px),transparent);-webkit-mask-image:linear-gradient(transparent,#000 65px,#000 calc(100% - 85px),transparent)}.beam-section{grid-template-columns:minmax(0,1fr);gap:18px;padding:38px 0 65px 84px;min-height:65svh}.beam-number{padding-top:0}.beam-content h2{margin-bottom:25px}.beam-content p{font-size:15px}}

/* Reuse the home-page spotlight; do not independently desaturate timeline content. */
.beam-content .cv-subentry{margin-top:28px;padding-left:20px;border-left:1px solid #8a9bb636}
.beam-content .cv-subentry h4{font:500 clamp(20px,2.2vw,25px)/1.3 var(--font-ui);letter-spacing:-.025em;margin:0 0 8px}
.beam-content .cv-subentry p{font-size:15px;margin:8px 0}
.beam-content .cv-lines p{margin:0 0 10px}
.beam-content .cv-lines{margin:18px 0}

.scroll-beam-colour{position:fixed;inset:0;z-index:1000;pointer-events:none;width:100vw;height:100vh}