/* Licht als verbindend element: logo, podium en scrollverhaal. */
.logo-beam{position:absolute;left:54px;top:6px;width:27px;height:40px;pointer-events:none;clip-path:polygon(46% 0,56% 0,100% 88%,80% 100%,20% 100%,0 88%);background:linear-gradient(180deg,#fffcec 0%,#ffe7a0 14%,#ffc04e99 55%,#ffaf2033 100%);mix-blend-mode:screen;transform-origin:50% 0;animation:logo-light-breathe 4.8s ease-in-out infinite}
.logo-beam:after{content:'';position:absolute;inset:-20% -50%;background:linear-gradient(100deg,transparent 30%,#fff9d599 50%,transparent 70%);animation:logo-light-sweep 6s ease-in-out infinite}
@keyframes logo-light-breathe{0%,100%{opacity:.35;filter:brightness(1)}50%{opacity:.95;filter:brightness(1.45)}}
@keyframes logo-light-sweep{0%,100%{transform:translateX(-40%)}50%{transform:translateX(40%)}}
.hero{position:relative}.hero-image{isolation:isolate}.hero-image>img{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.06);transform-origin:50% 45%}.hero-light{position:absolute;z-index:2;top:-18%;left:-20%;width:94%;height:142%;pointer-events:none;clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);background:linear-gradient(180deg,#fff7d158,#ffd07227 34%,#ffb23c10 75%,transparent);mix-blend-mode:screen;transform-origin:50% 0;transform:rotate(var(--hero-light-angle,-15deg));filter:blur(5px)}.hero-caption,.image-top{z-index:3}.hero-copy{transform:translate3d(0,var(--hero-copy-drift,0px),0)}
.spotlight-story{position:relative;background:#06182c;color:white;margin-bottom:90px;overflow:clip}.spotlight-sticky{position:relative;min-height:660px;display:flex;align-items:center;isolation:isolate;padding:90px 0}.story-stage{position:absolute;inset:0;z-index:-1;overflow:hidden}.story-lamp{position:absolute;left:74%;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff8d8;box-shadow:0 0 20px 5px #ffd780aa,0 0 80px 15px #ffb23c55}.story-beam{position:absolute;left:calc(74% - 37%);top:0;width:74%;height:130%;transform-origin:50% 0;transform:rotate(var(--story-angle,-17deg));clip-path:polygon(49.5% 0,50.5% 0,100% 100%,0 100%);background:linear-gradient(180deg,#ffe4a938,#ffc15b18 35%,#ffb23c05);filter:blur(10px)}.story-floor{position:absolute;width:80%;height:30%;left:22%;bottom:-15%;border-radius:50%;background:radial-gradient(ellipse,#ffd57820,transparent 67%);transform:translateX(var(--floor-drift,0px))}.story-content{position:relative}.story-content .eyebrow{color:var(--amber);margin-bottom:35px}.story-content h2{font-size:clamp(46px,6.3vw,90px);font-weight:500;line-height:1.15;letter-spacing:-3px;max-width:1050px;margin:0 0 35px}.story-content h2 em{font-style:normal;color:var(--amber)}.story-sub{color:#c1cbd7;font-size:15px;max-width:510px}.story-next{display:inline-flex;align-items:center;gap:35px;color:#f5d393;font-size:12px;margin-top:25px}.story-next span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #f5d39366;border-radius:50%}.scroll-word{display:inline-block}.motion-ready .spotlight-story{height:160vh;min-height:1100px}.motion-ready .spotlight-sticky{position:sticky;top:94px;min-height:calc(100vh - 94px);height:calc(100vh - 94px);padding:65px 0}.motion-ready .scroll-word{opacity:var(--word-light,1);transform:translate3d(0,var(--word-rise,0px),0)}.motion-ready .scroll-reveal{opacity:0;transform:translate3d(0,35px,0);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.motion-ready .artist-card.scroll-reveal:focus-within{opacity:1;transform:none}.motion-ready .steps article:nth-child(2){--reveal-delay:100ms}.motion-ready .steps article:nth-child(3){--reveal-delay:200ms}
@media(max-width:800px){.motion-ready .spotlight-sticky{top:85px;height:calc(100svh - 85px);min-height:520px}.story-content h2{font-size:clamp(42px,7vw,66px);letter-spacing:-2px}.story-beam{left:calc(68% - 60%);width:120%}.story-lamp{left:68%}}
@media(max-width:600px){.logo-beam{left:42px;top:5px;width:21px;height:32px}.spotlight-story{margin-bottom:55px}.spotlight-sticky{min-height:560px;padding:65px 0}.motion-ready .spotlight-story{height:135svh;min-height:820px}.motion-ready .spotlight-sticky{top:78px;height:calc(100svh - 78px);min-height:490px;padding:45px 0}.story-content h2{font-size:clamp(34px,8.7vw,50px);line-height:1.2;letter-spacing:-1.7px;margin-bottom:25px}.story-content .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:25px}.story-sub{font-size:13px;max-width:270px}.story-next{font-size:11px;margin-top:15px;gap:20px}.hero-light{opacity:.7}.motion-ready .scroll-reveal{transform:translate3d(0,22px,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-beam,.logo-beam:after{animation:none;opacity:.55}.hero-image>img,.hero-copy{transform:none}.hero-light{transform:rotate(-12deg)}.motion-ready .spotlight-story{height:auto;min-height:0}.motion-ready .spotlight-sticky{position:relative;top:auto;height:auto;min-height:0;padding:70px 0}.motion-ready .scroll-word{opacity:1!important;transform:none!important}.motion-ready .scroll-reveal{opacity:1;transform:none;transition:none}.story-beam{transform:rotate(-12deg)}.story-floor{transform:none}}
@media(max-height:600px){.motion-ready .spotlight-sticky{position:relative;top:0;height:auto;min-height:0;padding:55px 0}.motion-ready .spotlight-story{height:auto;min-height:0}}

/* Gegenereerde podiumsfeer achter de bestaande tekst en bewegende lichtbundel. */
.story-stage{background-image:linear-gradient(90deg,rgba(6,24,44,.28),rgba(6,24,44,.08)),linear-gradient(180deg,rgba(6,24,44,.2),transparent 65%,rgba(6,24,44,.12)),url('publiek-licht.webp');background-size:cover;background-position:center bottom;background-repeat:no-repeat}
.story-beam{mix-blend-mode:screen}
@media(max-width:600px){.story-stage{background-position:52% bottom;background-image:linear-gradient(180deg,rgba(6,24,44,.22),rgba(6,24,44,.08) 70%,transparent),url('publiek-licht.webp')}}