/* Selected A: editorial dialogue scene. All essential copy remains in normal flow. */
.encounter{background:#F5F7FA;padding:100px 0 40px;overflow:clip;color:#172554}.encounter-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:24px 80px;align-items:end;margin-bottom:72px}.encounter-intro .eyebrow{grid-column:1/-1;margin:0}.encounter-intro h2{font-size:clamp(36px,4.5vw,66px);line-height:1.55;margin:0}.encounter-intro>p:last-child{font-size:20px;padding-bottom:12px}.encounter-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.encounter-stage{position:sticky;top:40px;background:#fff;border:1px solid #2457a720;border-radius:28px;padding:24px;box-shadow:0 24px 64px #17255408;overflow:hidden}.stage-label{display:flex;justify-content:space-between;font-size:12px;color:#2457A7;gap:10px}.meeting-space{height:460px;position:relative;perspective:1000px;isolation:isolate}.meeting-ring{position:absolute;inset:8% 8%;border:1px solid #2457a71a;border-radius:50%;transform:rotate(-25deg) scale(calc(.85 + var(--meet,1)*.15))}.ring-two{inset:18% -10%;transform:rotate(25deg)}.speech{position:absolute;width:77%;padding:22px 26px;border-radius:18px;box-shadow:0 16px 36px #1725540a;z-index:2}.speech>span{font-size:12px;display:block;margin-bottom:12px}.speech strong{display:block;font-size:clamp(18px,1.65vw,24px);line-height:1.8}.speech small{display:inline-block;margin-top:16px;border-top:1px solid #8190a650;padding-top:8px}.learner-speech{top:38px;right:0;background:#E5EDF8;transform:translateX(calc((1 - var(--meet,1))*20px)) rotate(calc((1 - var(--meet,1))*3deg))}.teacher-speech{bottom:32px;left:0;background:#167B86;color:white;transform:translateX(calc((1 - var(--meet,1))*-20px)) rotate(calc((1 - var(--meet,1))*-3deg))}.meeting-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:2}.line-base{stroke:#E5EDF8}.line-live{stroke:#2457A7;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--meet,1))}.meeting-point{position:absolute;z-index:3;top:46%;left:50%;transform:translate(-50%,-50%) scale(calc(.88 + var(--meet,1)*.12));background:#172554;color:#fff;border:6px solid #fff;border-radius:100px;padding:14px 24px;text-align:center;white-space:nowrap}.meeting-point span{font-size:11px;color:#E5EDF8;display:block}.meeting-point strong{font-size:17px}.stage-track{height:3px;background:#E5EDF8;border-radius:4px}.stage-track i{display:block;height:100%;width:100%;background:#167B86;transform-origin:right;transform:scaleX(var(--meet,1))}.stage-caption{font-size:14px;margin-top:18px;min-height:28px}.chapter{min-height:550px;padding:64px 0;position:relative;border-top:1px solid #2457a72b}.chapter-index{font-size:13px;color:#2457A7;display:block;margin-bottom:26px}.chapter h3{font-size:clamp(30px,3.2vw,46px);line-height:1.65;margin-bottom:24px}.chapter p{font-size:18px;line-height:2;max-width:440px}.chapter em{color:#167B86}.chapter-key{display:block;font-size:14px;margin-top:28px;color:#2457A7}.chapter .actions{margin-top:30px}.encounter .text-motion{animation:none}.chapter-active h3{animation:encounter-arrive 650ms var(--flow-motion-ease) both}@keyframes encounter-arrive{from{transform:translateY(18px);opacity:.45;filter:blur(2px)}to{transform:none;opacity:1;filter:none}}@media(max-width:1000px){.encounter-layout{gap:40px}.encounter-stage{padding:18px}.speech{width:88%;padding:18px}.meeting-space{height:460px}.meeting-point{padding:12px 18px}.encounter-intro{gap:24px}.chapter{min-height:520px}}@media(max-width:767px){.encounter{padding:64px 0 24px}.encounter-intro{display:block;margin-bottom:36px}.encounter-intro .eyebrow{margin-bottom:20px}.encounter-intro>p:last-child{font-size:17px;margin-top:20px}.encounter-layout{display:flex;flex-direction:column;gap:36px}.encounter-stage{position:relative;top:auto;width:100%;padding:18px}.meeting-space{height:440px}.speech{width:88%;padding:18px 20px}.speech strong{font-size:20px}.learner-speech{top:24px}.teacher-speech{bottom:18px}.meeting-point{top:49%}.encounter-chapters{width:100%}.chapter{min-height:0;padding:36px 0}.chapter h3{font-size:32px}.chapter p{font-size:17px}.speech,.meeting-ring,.meeting-point{--meet:1}.chapter-active h3{animation:none}}@media(prefers-reduced-motion:reduce){.chapter-active h3{animation:none}.encounter-stage{position:relative;top:0}.encounter{--meet:1!important}}@media(forced-colors:active){.speech,.meeting-point{border:1px solid CanvasText}.meeting-lines,.meeting-ring{display:none}}
/* Reserve a real gap for the connection label at every font size. */
.meeting-space{height:560px}.learner-speech{top:24px}.teacher-speech{bottom:24px}.meeting-point{top:50%}@media(max-width:767px){.meeting-space{height:580px}.learner-speech{top:18px}.teacher-speech{bottom:18px}.meeting-point{top:50%}}