/* Bühne has its own editorial rhythm: formats, a real example and the people in the room. */
.stage-narrative{overflow-x:clip}
.stage-narrative section[id],.stage-narrative h2[id]{scroll-margin-top:35px}
.stage-heading{position:relative;isolation:isolate;padding:76px 0 100px}
.stage-heading>.small{position:relative;margin:0 0 46px 8.3%}
.stage-construction{position:absolute;inset:15px 0 25px;width:100%;height:calc(100% - 40px);color:var(--gold);opacity:.38;pointer-events:none;z-index:-1}
.stage-heading h1{font-size:clamp(90px,10.4vw,150px);line-height:.98;max-width:none;margin:0;letter-spacing:-.055em}
.stage-heading h1>span{display:block}
.stage-heading h1 i{font:italic .9em/1 var(--serif);color:var(--gold);margin-left:12px}
.stage-heading h1>em{display:block;font:italic 1.02em/1.13 var(--serif);letter-spacing:-.065em;margin-left:16.6%}
.stage-opening{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;margin:48px 8.3% 0}
.stage-opening .page-intro{grid-column:2;grid-row:1;font-size:16px;line-height:1.85;margin:0;max-width:520px;background:var(--paper)}
.stage-index{grid-column:1;grid-row:1;align-self:end;display:flex;gap:22px;flex-wrap:wrap;max-width:340px;font:500 16px/1.4 var(--technical)}
.stage-index a{padding:9px 0;text-decoration-color:var(--gold)}
.stage-narrative .stage-scenes{padding:20px 0 90px}
.stage-narrative .stage-scene-heading h2{font:500 clamp(42px,4.5vw,65px)/1.1 var(--display);letter-spacing:-.04em}
.stage-narrative .stage-scene-heading h2 em{font-family:var(--serif);font-weight:400}
.stage-narrative .stage-scene-heading>.small{max-width:280px;line-height:1.5}
.stage-narrative .stage-tabs{margin-top:37px;margin-bottom:24px;gap:30px;flex-wrap:wrap}
.stage-narrative .stage-panels{background:none}
.stage-narrative .stage-panels [role=tabpanel]:not([hidden]){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:50px;align-items:center}
.stage-narrative .stage-view{width:100%;max-width:none}
.stage-narrative .stage-view figcaption{padding:12px 0 0;color:var(--muted);font-size:12px}
.stage-panel-note{padding:24px 0 26px 26px;border-left:1px solid var(--gold)}
.stage-panel-note>.small{color:var(--muted);font-size:14px}
.stage-panel-note h3{font:500 clamp(29px,2.9vw,41px)/1.15 var(--technical);letter-spacing:-.015em;margin-top:23px}
.stage-panel-note>p:last-child{font-size:14px;line-height:1.85;margin-top:24px}
.stage-formats{padding:80px 0 40px;border-top:1px solid var(--line)}
.format-heading{display:grid;grid-template-columns:1fr 3fr;gap:35px;align-items:start}
.format-heading>.small{padding-top:10px}
.format-heading h2{font:500 clamp(43px,4.8vw,70px)/1.13 var(--display);letter-spacing:-.045em}
.format-heading h2 em{font-family:var(--serif);font-weight:400}
.format-composition{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 35px;padding:75px 30px 50px;margin-top:30px}
.format-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--gold);opacity:.5;pointer-events:none}
.format-composition article{position:relative;z-index:1}
.format-composition article>.small{display:table;background:var(--paper);padding:0 10px 0 0;margin-bottom:18px;font-size:14px}
.format-composition article>p:last-of-type{font-size:15px;line-height:1.9;margin-top:24px;background:var(--paper);max-width:455px}
.format-composition h3{display:table;background:var(--paper);font:500 clamp(65px,6.8vw,95px)/1 var(--display);letter-spacing:-.055em;padding-right:12px}
.format-talk{grid-column:1/6;grid-row:1;align-self:start}
.format-masterclass{grid-column:7/-1;grid-row:1/3;margin-top:110px;align-self:center}
.format-masterclass h3{font:500 clamp(57px,5.5vw,80px)/1 var(--technical);letter-spacing:-.025em}
.format-masterclass .quiet-link{margin-top:17px;background:var(--paper)}
.format-workshop{grid-column:2/7;grid-row:2;margin-top:20px}
.format-workshop h3{font:italic clamp(55px,5.8vw,83px)/1.1 var(--serif);letter-spacing:-.045em}
.stage-narrative .topic-section{padding:90px 0 85px}
.stage-narrative .topics{min-height:760px;gap:24px 28px}
.stage-narrative .topics p{font-size:15px;line-height:1.85}
.stage-narrative .topics article:nth-of-type(2){grid-column:8/-1}
.stage-encounter{width:100vw;margin-left:calc(50% - 50vw);padding:85px max(56px,calc((100vw - 1320px)/2)) 95px;background:var(--green);color:var(--paper);position:relative}
.encounter-heading{display:grid;grid-template-columns:1fr 3fr;gap:35px;align-items:start}
.encounter-heading>.small{padding-top:12px;color:#c9c9ac}
.encounter-heading h2{font:500 clamp(43px,5.2vw,75px)/1.1 var(--display);letter-spacing:-.045em}
.encounter-heading h2 em{font-family:var(--serif);font-weight:400}
.stage-encounter .photo-essay{margin-top:65px;gap:40px 75px;grid-template-columns:1fr 1.1fr;align-items:center;padding:0 4%}
.stage-encounter .photo-essay>figure:first-child{max-width:390px;transform:rotate(-2deg)}
.stage-encounter .essay-copy{max-width:475px;position:relative;padding-top:25px;border-top:1px solid var(--gold)}
.stage-encounter .essay-copy>.small{color:#c9c9ac;font-size:15px;line-height:1.4;margin:0 0 23px}
.stage-encounter .essay-copy p:not(.small){font-size:15px;line-height:1.85;max-width:450px}
.stage-encounter .essay-copy p+p{margin-top:20px}
.stage-encounter .photo-essay figcaption span{color:#c5ccbd}
.stage-encounter button{color:var(--paper)}
.stage-encounter button:focus-visible{outline-color:var(--paper)}
.stage-narrative .stage-section{padding:90px 0 55px}
.stage-narrative .event-associations{margin-bottom:85px}
.stage-invitation{position:relative;border-top:1px solid var(--gold);padding:65px 0 95px;display:grid;grid-template-columns:1fr 2.5fr;gap:30px 55px}
.stage-invitation>.small{grid-column:1;grid-row:1;padding-top:12px}
.stage-invitation h2{grid-column:2;font:500 clamp(43px,4.7vw,68px)/1.1 var(--display);letter-spacing:-.045em}
.stage-invitation h2 em{font-family:var(--serif);font-weight:400}
.stage-invitation>div{grid-column:2;margin-left:22%;max-width:470px}
.stage-invitation>div p{font-size:15px;line-height:1.9}
.stage-invitation .quiet-link{margin-top:20px}
@media(max-width:1050px){
.stage-heading{padding-top:65px}.stage-heading h1{font-size:10.8vw}.stage-opening{margin-inline:4%;gap:6%}.stage-index{gap:16px}
.stage-narrative .stage-panels [role=tabpanel]:not([hidden]){grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:30px}
.stage-panel-note{padding-left:20px}.stage-panel-note h3{font-size:31px}.stage-panel-note>p:last-child{font-size:13px;margin-top:19px}
.format-composition{padding-inline:10px;column-gap:24px}.format-masterclass{grid-column:7/-1}.format-workshop{grid-column:1/7}
.stage-narrative .topics{padding-inline:15px;column-gap:23px}.stage-narrative .topics article:nth-of-type(2){grid-column:7/-1}
.stage-encounter .photo-essay{gap:30px 45px;padding:0}.stage-encounter .essay-copy p:not(.small){font-size:14px}
}
@media(max-width:800px){
.stage-heading{padding:55px 0 70px}.stage-heading>.small{margin-left:0;font-size:14px;margin-bottom:36px}.stage-heading h1{font-size:12vw}.stage-heading h1>em{margin-left:7%}
.stage-opening{margin:35px 0 0 8%;display:flex;flex-direction:column;gap:25px}.stage-opening .page-intro{font-size:15px;max-width:540px}.stage-index{align-self:start;max-width:none;gap:24px}
.stage-narrative .stage-scenes{padding-bottom:60px}.stage-narrative .stage-panels [role=tabpanel]:not([hidden]){grid-template-columns:1fr;gap:20px}.stage-panel-note{max-width:600px;margin-left:15%;padding-block:12px}.stage-panel-note h3{font-size:35px;margin-top:14px}.stage-panel-note>p:last-child{font-size:14px;margin-top:17px}
.format-heading,.encounter-heading{grid-template-columns:1fr 4fr;gap:25px}.format-heading h2{font-size:43px}.format-composition{column-gap:20px}.format-composition article>p:last-of-type{font-size:14px}.format-composition h3{font-size:64px}.format-masterclass h3{font-size:50px}.format-workshop h3{font-size:53px}
.stage-narrative .topics{gap:34px 24px}.stage-narrative .topics article:nth-of-type(1){grid-column:1/10}.stage-narrative .topics article:nth-of-type(2){grid-column:6/-1}.stage-narrative .topics article:nth-of-type(3){grid-column:1/9}
.stage-encounter .photo-essay{gap:30px}.stage-encounter .photo-essay>figure:first-child{grid-row:1/2;align-self:start;margin-top:35px}.stage-encounter .photo-essay>figure:last-child{grid-column:1/-1;width:75%;margin-left:15%}.stage-encounter .essay-copy{grid-column:2;grid-row:1}
.encounter-heading h2{font-size:44px}.stage-invitation{grid-template-columns:1fr 3fr;gap:30px}.stage-invitation>div{margin-left:0}
}
@media(max-width:600px){
.stage-heading{padding:43px 0 57px}.stage-heading>.small{font-size:13px;max-width:230px;line-height:1.5;margin-bottom:36px}.stage-heading h1{font-size:17.6vw;line-height:1.07;letter-spacing:-.06em}.stage-heading h1>em{margin:16px 0 0 1%;font-size:.91em;letter-spacing:-.07em}.stage-heading h1 i{margin-left:0}.stage-construction{opacity:.29}
.stage-opening{margin:33px 0 0 8%;gap:21px}.stage-opening .page-intro{font-size:14px;line-height:1.85}.stage-index{gap:20px;font-size:15px}
.stage-narrative .stage-scenes{padding-top:10px;padding-bottom:48px}.stage-narrative .stage-scene-heading h2{font-size:37px}.stage-narrative .stage-scene-heading>.small{font-size:13px;margin-top:22px}.stage-narrative .stage-tabs{gap:22px;margin-top:24px;margin-bottom:19px}.stage-narrative .stage-tabs button{font-size:16px}
.stage-narrative .stage-view figcaption{font-size:11px;gap:10px}.stage-panel-note{margin-left:8%;padding:10px 0 10px 18px}.stage-panel-note>.small{font-size:13px}.stage-panel-note h3{font-size:31px}.stage-panel-note>p:last-child{font-size:14px;line-height:1.8}
.stage-formats{padding:46px 0 15px}.format-heading,.encounter-heading{display:block}.format-heading>.small{padding:0;margin-bottom:22px}.format-heading h2{font-size:36px;line-height:1.18}.format-composition{display:block;margin-top:25px;padding:25px 0 20px}.format-lines{opacity:.3}.format-composition article{max-width:100%;margin:0 0 42px;padding-right:6%}.format-composition article>.small{font-size:13px;margin-bottom:14px}.format-composition h3{font-size:68px}.format-composition article>p:last-of-type{font-size:14px;line-height:1.85;margin-top:20px}.format-composition .format-masterclass{margin-left:12%;padding-right:0}.format-masterclass h3{font-size:57px}.format-composition .format-workshop{margin-left:4%;padding-right:3%;margin-bottom:10px}.format-workshop h3{font-size:59px}
.stage-narrative .topic-section{padding:45px 0 55px}.stage-narrative .topics{display:block;min-height:0;padding:28px 0 15px}.stage-narrative .topics article{margin:0 0 42px;max-width:100%;padding:0}.stage-narrative .topics article:nth-of-type(2){margin-left:12%}.stage-narrative .topics article:nth-of-type(3){margin-left:4%;margin-bottom:0}.stage-narrative .topics article:nth-of-type(1) h3{font-size:36px}.stage-narrative .topics article:nth-of-type(2) h3{font-size:36px}.stage-narrative .topics article:nth-of-type(3) h3{font-size:31px}.stage-narrative .topics p{font-size:14px;line-height:1.85;margin-top:20px}
.stage-encounter{padding:47px 24px 53px}.encounter-heading>.small{padding:0;margin-bottom:23px}.encounter-heading h2{font-size:37px}.stage-encounter .photo-essay{display:flex;flex-direction:column;align-items:start;margin-top:30px;gap:30px}.stage-encounter .photo-essay>figure:first-child{margin:0;width:73%;max-width:340px;order:2}.stage-encounter .essay-copy{order:1;padding-top:20px;margin-left:8%}.stage-encounter .essay-copy>.small{font-size:14px;margin-bottom:20px}.stage-encounter .essay-copy p:not(.small){font-size:14px}.stage-encounter .photo-essay>figure:last-child{order:3;width:90%;margin-left:auto}.stage-encounter .photo-essay figcaption{font-size:12px}
.stage-narrative .stage-section{padding:50px 0 35px}.stage-narrative .event-associations{margin-bottom:45px}.stage-invitation{display:block;padding:44px 0 60px}.stage-invitation>.small{padding:0;margin-bottom:25px}.stage-invitation h2{font-size:37px}.stage-invitation>div{margin:25px 0 0 8%}.stage-invitation>div p{font-size:14px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){.stage-encounter .photo-essay>figure:first-child{transform:none}}
@media print{.stage-construction,.format-lines,.stage-index{display:none}.stage-heading{padding:25px 0}.stage-heading h1{font-size:65px}.stage-narrative section{break-inside:auto}.stage-encounter{width:auto;margin-left:0;padding:25px 0;background:none;color:var(--green)}.stage-encounter .photo-essay{display:none}.stage-formats{padding:25px 0}.format-composition{display:block;padding:20px 0}.format-composition article{margin:0 0 25px}.format-composition h3{font-size:32px}.stage-invitation{display:block;padding:25px 0}.stage-invitation h2{font-size:36px}}

/* Three perspectives share one viewport; scrolling supplies their pacing. */
.stage-sticky{position:relative}
.stage-scroll-cue,.stage-story-rule{display:none}
.stage-motion-ready [data-stage-depth]{transform:translate3d(var(--stage-x,0px),var(--stage-y,0px),0) rotate(calc(var(--stage-base-r,0deg) + var(--stage-r,0deg)))}
.stage-motion-ready .stage-encounter .photo-essay>figure:first-child{--stage-base-r:-2deg}
.stage-scroll-ready.stage-scenes{height:320svh;padding:0!important;position:relative}
.stage-scroll-ready .stage-sticky{position:sticky;top:0;height:100svh;padding:35px 0;display:flex;flex-direction:column;justify-content:center;--story-media-height:min(58svh,620px)}
.stage-scroll-ready .stage-scene-heading h2{font-size:clamp(42px,4vw,58px)}
.stage-scroll-ready .stage-tabs{margin-top:24px;margin-bottom:18px}
.stage-scroll-ready .stage-panels{position:relative;height:calc(var(--story-media-height) + 28px);flex-shrink:0}
.stage-scroll-ready .stage-panels [role=tabpanel]:not([hidden]){position:absolute;inset:0;align-items:center}
.stage-scroll-ready .stage-view{translate:0 var(--story-photo-y,0px);rotate:var(--story-photo-r,0deg);transform-origin:50% 45%}
.stage-scroll-ready .stage-view img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--story-media-height);margin-inline:auto}
.stage-scroll-ready .stage-view figcaption{padding-top:10px}
.stage-scroll-ready .stage-story-rule{display:block;position:absolute;left:-26px;top:45px;bottom:45px;width:1px;background:var(--line);pointer-events:none}
.stage-story-rule>span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleY(var(--story-progress,0));transform-origin:50% 0}
.stage-scroll-ready .stage-scroll-cue{display:flex;position:absolute;bottom:10px;right:0;gap:24px;color:var(--muted);font-size:13px}
.stage-scroll-cue>span:first-child{color:var(--green);font-variant-numeric:tabular-nums}
@media(min-width:1000px){.stage-motion-ready .stage-formats{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.stage-narrative [data-stage-depth]{transform:none!important}.stage-narrative .stage-view{translate:none;rotate:none}}
@media print{.stage-scroll-ready.stage-scenes{height:auto}.stage-scroll-ready .stage-sticky{position:static;height:auto;display:block;padding:15px 0}.stage-scroll-ready .stage-panels{height:auto}.stage-scroll-ready .stage-panels [role=tabpanel]:not([hidden]){position:static}.stage-scroll-cue,.stage-story-rule{display:none!important}.stage-motion-ready [data-stage-depth]{transform:none!important}}
