/* One first-lesson stage; a connected narrative rather than a card inventory. */
.grid{grid-template-areas:'story story' 'book next' 'book chat'}
.first-lesson{grid-area:story;padding:34px 0 58px;border-bottom:1px solid var(--line);margin-bottom:6px;min-width:0}
.lesson-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px}.lesson-heading h2{font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:630px}.lesson-heading>p{font-size:15px;color:var(--muted);max-width:310px;margin:0;line-height:1.6}
.lesson-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.lesson-choice{font:600 15px/1.2 Manrope,sans-serif;background:transparent;color:var(--ink);border:1px solid var(--line-2);border-radius:100px;min-height:48px;padding:12px 21px;cursor:pointer}.lesson-choice[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.lesson-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:start}.lesson-figure{margin:0;min-width:0}.lesson-stage{height:400px;position:relative;overflow:hidden;border-radius:42% 44% 34% 35%;background:radial-gradient(ellipse at 45% 28%,#fff1bc 0,#d4c0f9 38%,#a58ade 75%);isolation:isolate}.lesson-stage[data-scene=dance]{background:radial-gradient(ellipse at 46% 25%,#fff2d7,#f4bad3 45%,#c58ccc 90%)}.lesson-stage[data-scene=english]{background:radial-gradient(ellipse at 45% 20%,#fffae5,#ffe09d 55%,#dfab7e 100%)}.lesson-stage[data-scene=chess]{background:radial-gradient(ellipse at 45% 30%,#f3e8ff,#c6b2eb 48%,#8d74bc 100%)}
.lesson-ground{width:100%;height:100%;position:absolute;inset:0}.lesson-prop{position:absolute;left:9%;bottom:6%;width:37%;height:auto;z-index:2;transform-origin:50% 70%;pointer-events:none}.lesson-stage[data-scene=dance] .lesson-prop{left:29%;bottom:28%;width:43%}.lesson-stage[data-scene=english] .lesson-prop{left:20%;bottom:0;width:48%}.lesson-stage[data-scene=chess] .lesson-prop{left:21%;bottom:4%;width:32%}
.word-answer{opacity:0}.lesson-story[data-explored=true] .word-answer{opacity:1}
.lesson-figure figcaption{font-size:13px;color:var(--muted);margin:13px 0 0;line-height:1.5}.lesson-demo-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.lesson-demo-button,.lesson-motion{font:600 14px/1.3 Manrope,sans-serif;min-height:48px;padding:12px 19px;border-radius:99px;cursor:pointer;max-width:100%}.lesson-demo-button{background:var(--acc);color:var(--acc-ink);border:1px solid var(--acc)}.lesson-motion{background:transparent;color:var(--ink);border:1px solid var(--line-2)}.lesson-motion:disabled{opacity:1;color:var(--muted);cursor:default}.lesson-feedback{font-size:14px;line-height:1.6;min-height:4.8em;margin:16px 0 0;color:var(--muted);max-width:480px}
.lesson-copy{padding:4px 0}.lesson-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;max-width:460px}.lesson-task{font-size:18px;line-height:1.55;margin:0 0 23px;max-width:460px}.lesson-narrative{margin:0 0 26px;padding:0}.lesson-narrative div{padding:15px 0;border-top:1px solid var(--line)}.lesson-narrative dt{font-size:13px;font-weight:700;color:var(--acc-text);margin:0 0 5px}.lesson-narrative dd{margin:0;font-size:15px;line-height:1.65;max-width:465px}
.lesson-native{border-top:1px solid var(--line);padding-top:21px}.lesson-native-price{font-size:24px;font-weight:800;letter-spacing:-.025em;margin:0 0 4px}.lesson-native-age{font-size:15px;margin:0 0 6px}.lesson-native-sub{font-size:13px;color:var(--muted);margin:0 0 18px}.lesson-schedule-label{font-size:13px;color:var(--muted);margin:0 0 7px}.lesson-native-times p{font-size:14px;line-height:1.5;margin:5px 0}.lesson-native-choice{font-size:13px;color:var(--muted);line-height:1.6;margin:16px 0 20px}.lesson-book{display:inline-flex;align-items:center;min-height:48px;background:var(--acc);color:var(--acc-ink);border-radius:100px;padding:12px 22px;font-weight:700;font-size:14px;text-decoration:none}.lesson-disclosure{font-size:12px;color:var(--muted);margin-top:22px;max-width:800px;line-height:1.65}
.lesson-choice:focus-visible,.lesson-demo-button:focus-visible,.lesson-motion:focus-visible,.lesson-book:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.lesson-choice:disabled{cursor:default;opacity:.65}
html.m .interest-stage{animation:none}.r4-motion-off .interest-object,.r4-motion-off .stage-light,.motion-offscreen .interest-object,.motion-offscreen .stage-light{transition:none}.hero-story-link{display:inline-block;font-size:14px;color:var(--acc-text);font-weight:600;text-underline-offset:4px;margin:14px 0 0;min-height:44px;padding:10px 0}
@media(prefers-color-scheme:dark){.lesson-stage{background:radial-gradient(ellipse at 45% 28%,#f9dfaa,#a185cb 40%,#514075 90%)}.lesson-stage[data-scene=dance]{background:radial-gradient(ellipse at 46% 25%,#efc7aa,#bb80a1 48%,#654273 90%)}.lesson-stage[data-scene=english]{background:radial-gradient(ellipse at 45% 20%,#ffe8b2,#d6a879 55%,#76594b 100%)}.lesson-stage[data-scene=chess]{background:radial-gradient(ellipse at 45% 30%,#dfc9fb,#9573ba 48%,#4e386a 100%)}}
@media(max-width:899px){.grid{grid-template-areas:'story' 'next' 'book' 'chat'}.lesson-heading{display:block}.lesson-heading h2{font-size:48px}.lesson-heading>p{max-width:520px;margin-top:18px}.lesson-body{grid-template-columns:1fr;gap:25px}.lesson-stage{height:390px;max-width:570px;margin:auto}.lesson-copy{max-width:620px}.lesson-feedback{min-height:3.2em}.first-lesson{padding-top:12px}}
@media(max-width:599px){.first-lesson{padding:3px 0 36px}.lesson-heading h2{font-size:39px}.lesson-heading>p{font-size:14px;line-height:1.55;margin-top:15px}.lesson-choices{gap:7px;margin-bottom:22px}.lesson-choice{font-size:13px;padding:11px 14px;min-height:46px}.lesson-stage{height:280px;border-radius:40% 42% 27% 28%}.lesson-body{gap:24px}.lesson-demo-controls{gap:8px;margin-top:17px}.lesson-demo-button,.lesson-motion{font-size:12px;min-height:46px;padding:11px 14px}.lesson-motion{max-width:100%}.lesson-feedback{font-size:13px;min-height:4.8em}.lesson-copy h3{font-size:31px}.lesson-task{font-size:16px}.lesson-narrative dd{font-size:14px}.lesson-native-price{font-size:23px}.lesson-native-age{font-size:14px}.lesson-native-times p{font-size:13px}.lesson-disclosure{font-size:12px}.hero-story-link{font-size:13px;margin-top:6px}.lesson-stage[data-scene=dance] .lesson-prop{bottom:30%}}
@media(max-width:359px){.lesson-heading h2{font-size:34px}.lesson-stage{height:240px}.lesson-choice{padding:10px 12px}.lesson-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.interest-object,.stage-light{transition:none}}

/* R6: one illustrated action and a compact route from trial to booking. */
.lesson-stage[data-scene=football] .lesson-prop{width:20%;left:20%;bottom:18%}.goal-result{opacity:0}.lesson-story[data-explored=true] .goal-result{opacity:1}.lesson-details{margin:12px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lesson-details summary{font-size:15px;font-weight:600;min-height:48px;padding:13px 0;cursor:pointer}.lesson-details summary:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.lesson-details .lesson-narrative{margin:8px 0 18px}.lesson-details .lesson-native-choice{margin-bottom:16px}.lesson-details[open]{padding-bottom:4px}.lesson-copy>.lesson-native{padding-top:16px}.lesson-figure figcaption{max-width:48ch}@media(max-width:599px){.lesson-feedback{min-height:0;margin-bottom:0}.lesson-body{gap:18px}.lesson-copy>.eyebrow{margin-bottom:8px}.lesson-copy>.lesson-task{margin-bottom:16px}.lesson-narrative dd{font-size:14px}.lesson-native{padding-top:16px}.lesson-disclosure{margin-top:16px}}

/* Football and goal share SVG coordinates at every aspect ratio. */
.lesson-stage[data-scene=football] #lesson-prop{display:none}
