/* Spacious scroll transition after the calling invitation. */
.calling-light-transition{height:220svh;position:relative;background:var(--ink,#111);--arrow-progress:0}
.calling-light-stage{position:sticky;top:0;height:100svh;min-height:480px}
.calling-light-clip{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:7svh}
.calling-light-runner{width:145vw;flex:none;will-change:transform;transform:translate3d(calc(-105vw + var(--arrow-progress)*145vw),0,0)}
.calling-light-runner.runner-two{transform:translate3d(calc(-89vw + var(--arrow-progress)*155vw),0,0)}
.calling-light-runner svg{display:block;width:100%;height:28svh;min-height:150px;overflow:visible}
.calling-light-runner path{stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}
.calling-light-runner .arrow-core{stroke:var(--line-core,#edc2a5);stroke-width:1.15;opacity:.9}
.calling-light-runner .arrow-soft{stroke:#c77855;stroke-width:3;opacity:.45;filter:blur(2px)}
.calling-light-runner .arrow-halo{stroke:var(--line-halo,#bd6341);stroke-width:15;opacity:.27;filter:blur(8px)}
@media(max-width:700px){.calling-light-transition{height:180svh}.calling-light-runner{width:220vw;transform:translate3d(calc(-160vw + var(--arrow-progress)*190vw),0,0)}.calling-light-runner.runner-two{transform:translate3d(calc(-135vw + var(--arrow-progress)*200vw),0,0)}.calling-light-runner svg{height:25svh;min-height:130px}.calling-light-clip{gap:8svh}}
@media(prefers-reduced-motion:reduce){.calling-light-transition{height:65svh;min-height:400px}.calling-light-stage{position:relative;height:100%;min-height:400px}.calling-light-runner{will-change:auto;transform:translateX(-70vw)}.calling-light-runner.runner-two{transform:translateX(-50vw)}.calling-light-runner svg{height:22svh}@media(max-width:700px){.calling-light-runner{transform:translateX(-130vw)}.calling-light-runner.runner-two{transform:translateX(-115vw)}}}

/* Invitation and arrows now share one pinned composition. */
.calling-journey{padding-bottom:0}
.calling-is-pinned .calling-final-step{height:205svh}
.calling-light-transition{height:240svh}
.calling-light-stage{display:flex;flex-direction:column;box-sizing:border-box;padding:20svh 0 5svh;min-height:0}
.calling-light-stage .calling-close{flex:none;width:94%;max-width:1500px;margin:0 auto;text-align:center;padding:0;--closing-reveal:1}
.calling-light-stage .calling-brand{font-family:var(--display-font);font-weight:var(--display-weight);font-size:clamp(58px,12vw,190px);line-height:1.02;letter-spacing:-.055em;white-space:nowrap;margin:0 auto 3svh;background:linear-gradient(180deg,#c7bd9b,#c5ae95 32%,#b0836d 82%);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:1;transform:none}
.calling-light-stage .calling-invitation{font-size:clamp(20px,3.6vw,58px);line-height:1.12;margin:0;opacity:1;transform:none}
.calling-light-clip{position:relative;inset:auto;flex:1;min-height:0;gap:2svh;margin-top:4svh;justify-content:flex-start;overflow:hidden}
.calling-light-runner{height:calc((100% - 2svh)/2)}
.calling-light-runner svg{height:100%;min-height:0}
@media(max-width:700px){.calling-light-stage{padding-top:20svh}.calling-light-stage .calling-brand{font-size:12vw}.calling-light-stage .calling-invitation{font-size:4.4vw}.calling-light-transition{height:210svh}}
@media(prefers-reduced-motion:reduce){.calling-light-transition{height:auto;min-height:0}.calling-light-stage{position:relative;height:100svh;min-height:540px}.calling-light-runner svg{height:100%}}
.calling-light-stage .calling-invitation{color:#c6bdb1}
/* One continuous pinned sequence: circle, lift, subtitle, then arrows. */
.calling-journey .calling-step.calling-sequence{height:500svh;position:relative}
.calling-sequence>.calling-step-stage{position:sticky;top:0;height:100svh}
.calling-sequence .calling-destination{position:absolute!important;top:8svh!important;right:0;transform:none!important;opacity:var(--meaning-opacity,1)}
.calling-sequence .calling-incoming{opacity:var(--meaning-opacity,1)}
.calling-sequence .calling-light-transition{position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:100svh;background:transparent;pointer-events:none}
.calling-sequence .calling-light-stage{position:relative;top:0;height:100svh}
.calling-journey .calling-sequence .calling-light-stage .calling-close{position:relative;top:auto;left:auto;transform:none;width:94%;margin:0 auto;padding:0;max-width:1500px}
.calling-journey .calling-sequence .calling-light-stage .calling-brand{transform:translateY(var(--title-lift,50svh));opacity:var(--title-opacity,0);margin:0 auto 3svh}
.calling-journey .calling-sequence .calling-light-stage .calling-invitation{transform:none;opacity:var(--subtitle-opacity,0);font-size:clamp(20px,3.6vw,58px)}
.calling-sequence .calling-light-clip{opacity:var(--arrow-opacity,0)}
.calling-sequence .calling-light-runner path{stroke-dasharray:none;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.calling-sequence .calling-light-runner .arrow-core path{stroke:var(--line-core);stroke-width:1.15;filter:none}
.calling-sequence .calling-light-runner .arrow-soft path{stroke:#c77855;stroke-width:3;filter:none}
.calling-sequence .calling-light-runner .arrow-halo path{stroke:var(--line-halo);stroke-width:15;filter:none}
@media(max-width:700px){.calling-journey .calling-sequence .calling-light-stage .calling-brand{font-size:12vw}.calling-journey .calling-sequence .calling-light-stage .calling-invitation{font-size:4.4vw}.calling-sequence .calling-destination{width:90%;}}
@media(prefers-reduced-motion:reduce){.calling-journey .calling-step.calling-sequence{height:auto}.calling-sequence>.calling-step-stage{position:relative;height:auto}.calling-sequence .calling-destination{position:relative!important;top:auto!important;margin-bottom:50px}.calling-sequence .calling-light-transition{position:relative;height:100svh}.calling-sequence .calling-incoming{display:none}}

/* Larger, heavier title; the subtitle has its own later reveal. */
.calling-journey .calling-sequence .calling-light-stage .calling-close{width:98%;max-width:none}
.calling-journey .calling-sequence .calling-light-stage .calling-brand{font-size:14.5vw;font-weight:900;letter-spacing:-.06em;-webkit-text-stroke:.5px currentColor}
@media(max-width:700px){.calling-journey .calling-sequence .calling-light-stage .calling-brand{font-size:14.5vw}}
