.motionbricks-opening{--opening-blue:#3b82f6;background:var(--paper)}.applications-frame .applications-copy{top:11%;left:clamp(24px,4.5vw,80px);right:clamp(24px,4.5vw,80px);width:auto;max-width:none;text-align:center}.applications-copy .opening-headline h1{font-size:clamp(36px,4.5vw,72px)}.applications-copy .opening-headline p{margin:12px auto 0;max-width:none}.applications-frame[data-applications-intro=true] .applications-copy{top:48%;transform:translateY(-50%)}.applications-frame[data-applications-intro=true] h1{max-width:15ch;margin:0 auto;font-size:clamp(42px,6vw,94px)}.applications-examples{position:absolute;inset:26% clamp(24px,4.5vw,80px) 15%;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:32px;pointer-events:auto}.applications-example{width:100%;max-width:min(1120px,calc((59svh - 40px) * 1.77778));margin:0}.applications-media{position:relative;width:100%;aspect-ratio:16/9;background:#111}.applications-media img,.applications-media video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.applications-example figcaption{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-top:10px;color:hsl(var(--muted));font-size:12px}.applications-example button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:84px;min-height:32px;border:1px solid hsl(var(--foreground)/.2);border-radius:5px;background:var(--paper);color:hsl(var(--foreground));font:inherit;cursor:pointer}.applications-example button:focus-visible,.applications-source:focus-visible{outline:2px solid var(--opening-blue);outline-offset:4px}.applications-example button:disabled{cursor:default;opacity:.4}.applications-frame[data-applications-summary=true] .applications-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.applications-frame[data-applications-summary=true] .applications-example{max-width:none}.applications-source{position:absolute;bottom:11.5%;left:24px;right:24px;text-align:center;font-size:10px;color:hsl(var(--muted));pointer-events:auto}@media (max-width:760px){.motionbricks-opening .opening-act-navigation{gap:8px}.motionbricks-opening .opening-act-navigation button{font-size:9px;letter-spacing:.03em}.motionbricks-opening .opening-brand span{display:none}.applications-copy .opening-headline h1{font-size:clamp(29px,7.8vw,42px);max-width:none}.applications-frame .applications-copy{top:12%}.applications-frame[data-applications-intro=true] .applications-copy{top:46%}.applications-frame[data-applications-intro=true] h1{font-size:42px}.applications-frame[data-applications-summary=true] .applications-examples{top:29%;bottom:18%;grid-template-columns:minmax(0,1fr);align-content:center;gap:12px}.applications-frame[data-applications-summary=true] .applications-example{max-width:min(100%,calc((25.5svh - 46px) * 1.77778))}.applications-source{font-size:9px;bottom:12%}}.presentation-learner{position:fixed;inset:0;height:100svh;pointer-events:none;z-index:2}.presentation-learner .learning-learner{position:absolute;text-align:center}.presentation-learner .learning-learner>svg{display:block;width:100%}.presentation-learner .learning-learner>p{margin:0}.mechanism-collapsed{position:absolute;left:50%;top:50%;width:260px;transform:translate(-50%,-50%);text-align:center}.mechanism-collapsed>p,.mechanism-module>p{margin:0;font-size:14px;color:hsl(var(--muted))}.mechanism-assembly{position:absolute;left:43%;right:5%;top:12%}.mechanism-modules{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:center}.mechanism-module{position:relative;z-index:1;text-align:center;color:hsl(var(--foreground))}.mechanism-avatar-slot{position:relative;width:100%;height:clamp(100px,15vh,160px)}.mechanism-avatar{position:absolute;inset:0}.mechanism-avatar>svg{height:100%}.mechanism-avatar>svg,.mechanism-collapsed>svg{display:block;width:100%}.mechanism-module[data-active=true] .learning-model-body,.presentation-learner .learning-learner[data-active=true] .learning-model-body{stroke:var(--opening-blue);stroke-width:2.8}.mechanism-module[data-active=true]>p{color:var(--opening-blue)}.mechanism-connectors{position:absolute;left:0;top:50%;width:100%;height:12px;fill:none;stroke:hsl(var(--foreground)/.2);stroke-width:1.5;z-index:0}.mechanism-codes{position:absolute;left:47%;right:9%;top:33%}.mechanism-code-heading,.mechanism-code-times{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:hsl(var(--muted))}.mechanism-code-heading{margin-bottom:9px}.mechanism-code-heading>small{font-size:9px}.mechanism-code-grid{display:flex;gap:5px;height:clamp(64px,9vh,96px)}.mechanism-code-column{flex:1;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:3px;padding:3px;border:1px solid transparent;border-radius:5px}.mechanism-code-column[data-context=true]{margin-right:12px}.mechanism-code-column[data-playing=true]{border-color:var(--opening-blue)}.mechanism-code-column>i{border-radius:2px;background:color-mix(in srgb,var(--opening-blue) calc(var(--token-strength) * 100%),var(--paper));border:1px solid hsl(var(--foreground)/.09)}.mechanism-code-column[data-context=true]>i{filter:saturate(.3)}.mechanism-code-times{margin-top:7px;font-size:9px}.mechanism-scene-slot{position:absolute;left:44%;right:6%;top:48%;height:26%}.mechanism-input-labels{position:absolute;left:48%;right:12%;top:47%;display:flex;justify-content:space-between;font-size:10px;color:hsl(var(--muted))}.mechanism-input-labels>span:last-child{color:var(--opening-blue)}.mechanism-trajectory-caption{position:absolute;left:46%;right:8%;top:73%;display:flex;justify-content:space-between;margin:0;font-size:10px;color:hsl(var(--muted))}.mechanism-trajectory-caption>span{font-variant-numeric:tabular-nums}.mechanism-film{position:absolute;left:44%;right:6%;bottom:12%}.mechanism-film-poses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.mechanism-film figure{margin:0;border-bottom:1px solid hsl(var(--foreground)/.18);color:hsl(var(--foreground)/.68)}.mechanism-film figure[data-playing=true]{color:var(--opening-blue);border-color:var(--opening-blue)}.mechanism-film figure>svg{display:block;width:100%;height:62px}.mechanism-film figcaption{text-align:center;font-size:9px;margin-top:2px}.mechanism-recorded-label{position:absolute;right:6%;bottom:8.5%;margin:0;color:hsl(var(--muted));font-size:9px}@media (max-width:760px){.opening-steps[aria-label="Act III sections"] button{width:26px}.mechanism-frame .mechanism-copy{top:11%}.mechanism-copy .opening-headline h1{font-size:clamp(34px,9vw,48px)}.mechanism-copy .opening-headline p{margin-top:10px}.mechanism-copy .opening-eyebrow{margin-bottom:12px}.mechanism-copy .opening-beat-label{display:none}.mechanism-collapsed{width:210px}.mechanism-assembly{left:24px;right:24px;top:26%}.mechanism-modules{gap:10px}.mechanism-avatar-slot{height:95px}.mechanism-module>p{font-size:12px}.mechanism-codes{left:26px;right:26px;top:41%}.mechanism-code-grid{height:62px;gap:2px}.mechanism-code-column{gap:2px;padding:2px}.mechanism-code-column[data-context=true]{margin-right:5px}.mechanism-code-heading{font-size:10px;margin-bottom:5px}.mechanism-code-times{font-size:8px;margin-top:4px}.mechanism-scene-slot{left:24px;right:24px;top:53%;height:20%}.mechanism-input-labels{left:34px;right:44px;top:52%;font-size:9px}.mechanism-trajectory-caption{left:28px;right:28px;top:74%;font-size:9px}.mechanism-film{left:26px;right:26px;bottom:13%}.mechanism-film-poses{gap:4px}.mechanism-film figure>svg{height:44px}.mechanism-film figcaption{font-size:8px}.mechanism-recorded-label{right:26px;bottom:9.5%;font-size:8px}}@media (max-width:760px) and (max-height:720px){.mechanism-copy .opening-headline h1{font-size:32px}.mechanism-copy .opening-headline p{display:none}.mechanism-assembly{top:26%}.mechanism-avatar-slot{height:80px}.mechanism-codes{top:43%}.mechanism-code-grid{height:46px}.mechanism-code-heading{font-size:9px}.mechanism-scene-slot{top:57%;height:15%}.mechanism-input-labels{top:54%}.mechanism-film figure>svg{height:32px}.mechanism-trajectory-caption{top:73%}}.motionbricks-canvas.stage-canvas--viewport{inset:0;width:100%;height:100svh;opacity:var(--opening-scene-opacity,1)}.opening-scene-label-layer{position:fixed;inset:0;height:100svh;pointer-events:none;z-index:1}.opening-scene-label-layer>span{position:absolute;left:0;top:0}.opening-frame{position:relative;height:100svh;min-height:0;padding:0 clamp(24px,4.5vw,80px);pointer-events:none}.opening-chrome{position:fixed;inset:0;z-index:3;pointer-events:none}.opening-cover .opening-copy{top:50%;left:50%;width:calc(100% - 48px);max-width:1100px;text-align:center;transform:translate(-50%,-50%)}.opening-cover .opening-headline h1{font-size:clamp(72px,9.5vw,148px);max-width:none}.opening-cover .opening-headline p{max-width:none;margin-top:18px}.opening-steps button[data-cover=true]{font-size:9px}.opening-footer,.opening-header{position:absolute;left:clamp(24px,4.5vw,80px);right:clamp(24px,4.5vw,80px);display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.opening-only{color:var(--opening-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}.opening-act-navigation{display:flex;align-items:center;gap:14px}.opening-act-navigation button{background:none;border:0;border-bottom:1px solid transparent;padding:5px 0;color:hsl(var(--muted));font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer}.opening-act-navigation button[aria-current=step]{border-color:hsl(var(--foreground)/.4);color:hsl(var(--foreground))}.opening-act-navigation button:focus-visible{outline:2px solid var(--opening-blue);outline-offset:4px}.learning-gallery{position:absolute;left:43%;right:5%;top:17%}.learning-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.learning-card{margin:0;border:1px solid hsl(var(--foreground)/.13);border-radius:12px;padding:14px 12px 11px;background:rgba(var(--paper-rgb),.96);color:hsl(var(--foreground)/.6)}.learning-card[data-active=true]{border-color:#3b82f680;color:hsl(var(--foreground));background:color-mix(in srgb,var(--paper) 96%,#3b82f6);transform:scale(1.035);box-shadow:0 6px 24px #0000000c;position:relative;z-index:1}.learning-card[data-viewed=true]{border-color:hsl(var(--foreground)/.25)}.learning-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;color:hsl(var(--foreground));font-size:11px}.learning-card small{font-size:9px;color:hsl(var(--muted));white-space:nowrap}.learning-example-poses{display:flex;margin-top:7px}.learning-example-poses>svg{width:33.333%;height:clamp(75px,11vh,120px)}.learning-card-time{height:2px;background:hsl(var(--foreground)/.1);margin-top:5px}.learning-card-time i{display:block;height:100%;background:var(--opening-blue)}.learning-example-caption{margin:14px 0 0;text-align:right;font-size:10px;color:hsl(var(--muted))}.learning-learner{position:fixed;left:calc(69% - 47% * var(--learning-after));top:66%;width:calc(144px - 44px * var(--learning-after));transform:translateX(-50%);text-align:center}.learning-learner>svg{display:block;width:100%}.learning-learner>p{margin:0;font-size:11px;color:hsl(var(--foreground))}.learning-learner>small{display:block;font-size:9px;margin-top:5px;color:hsl(var(--muted))}.learning-network{stroke:var(--opening-blue)}.learning-network circle{fill:var(--paper)}.learning-answer{position:absolute;top:48%;left:50%;width:calc(100% - 48px);text-align:center}.learning-answer h1{margin:0;font-family:var(--font-display),var(--font-sans);font-size:clamp(80px,11vw,190px);font-weight:500;letter-spacing:-.05em;line-height:1}.learning-deck{--deck-lift:32px;--deck-thickness:28px;--deck-tilt-factor:1;position:absolute;left:calc(50% + 22% * var(--learning-watch));top:calc(17% - 5% * var(--learning-watch));width:clamp(280px,30vw,460px);transform:translateX(-50%)}.learning-deck-layout{padding-top:var(--deck-lift)}.learning-deck-stack{position:relative;display:grid;margin-bottom:var(--deck-thickness);isolation:isolate;perspective:1100px}.learning-deck-back{position:absolute;inset:0;border:1px solid hsl(var(--foreground)/.23);border-radius:12px;background:color-mix(in srgb,var(--paper) 97%,hsl(var(--foreground)));transform:translate(calc(var(--card-offset) * var(--deck-thickness)),calc(var(--card-depth) * var(--deck-thickness))) rotate(var(--card-tilt));box-shadow:0 1px 2px #0000000a}.learning-motion-card{grid-area:1/1;min-width:0;position:relative;border-radius:12px;transform-style:preserve-3d;transform:translate3d(calc(var(--card-offset) * var(--deck-lift)),calc(var(--card-lift) * var(--deck-lift) + var(--card-depth) * var(--deck-thickness)),0) rotate(calc(var(--card-tilt) * var(--deck-tilt-factor))) rotateX(var(--card-turn)) scale(var(--card-scale));box-shadow:0 calc(5px + 12px * var(--card-elevation)) calc(18px + 20px * var(--card-elevation)) #0000001a,0 1px 3px #0000000a}.learning-card-back,.learning-card-front{backface-visibility:hidden;border:1px solid hsl(var(--foreground)/.23);border-radius:inherit;background:var(--paper)}.learning-motion-card>.learning-card-front{box-sizing:border-box;padding:18px 20px 14px;color:hsl(var(--foreground))}.learning-card-back{position:absolute;inset:0;display:grid;place-items:center;transform:rotateX(180deg)}.learning-card-back>span{width:80%;height:70%;border:1px solid hsl(var(--foreground)/.1);border-radius:7px;background:repeating-linear-gradient(45deg,transparent,transparent 9px,hsl(var(--foreground)/.025) 9px,hsl(var(--foreground)/.025) 10px)}.learning-card-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px}.learning-card-heading small{font-size:11px}.learning-deck .learning-example-poses>svg{height:clamp(90px,13vh,150px)}.learning-pose-times{display:flex;margin:2px 0 8px;font-size:9px;font-variant-numeric:tabular-nums;color:hsl(var(--muted));text-align:center}.learning-pose-times>span{width:33.333%}.learning-deck-caption{margin:12px 0 0;color:hsl(var(--muted));font-size:10px}.learning-playback-button{pointer-events:auto;display:flex;align-items:center;gap:5px;margin:10px auto 0;padding:5px 9px;border:1px solid hsl(var(--foreground)/.14);border-radius:5px;background:var(--paper);color:hsl(var(--muted));font-size:10px;cursor:pointer}.learning-playback-button:focus-visible{outline:2px solid var(--opening-blue);outline-offset:4px}.learning-frame .learning-learner{position:absolute;left:calc(var(--learner-x) * 1% * (1 - var(--learning-after)) + 22% * var(--learning-after));top:calc(var(--learner-y) * 1% * (1 - var(--learning-after)) + 66% * var(--learning-after));width:calc(var(--learner-size) * 1px * (1 - var(--learning-after)) + 100px * var(--learning-after));transform:translate(-50%,-50%)}.learning-frame .learning-learner>p{font-size:calc(16px - 5px * var(--learning-after))}.learning-frame .learning-learner>small{font-size:10px}.learning-observation-copy{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content;margin-top:24px;white-space:nowrap}.learning-observation-copy p{font-family:var(--font-display);font-size:25px;margin:0 0 9px;letter-spacing:-.02em}.learning-observation-copy>span{font-size:12px;color:hsl(var(--muted))}.learning-human-caption{position:absolute;left:72%;top:85%;transform:translateX(-50%);color:hsl(var(--muted));font-size:10px;white-space:nowrap}.learning-navigation .opening-steps button:not([data-cover=true]){width:auto;border-radius:6px;padding:0 9px;font-size:10px}.learning-model-body{fill:var(--paper);stroke:hsl(var(--foreground)/.25);stroke-width:1.5}.learning-film{position:absolute;left:43%;right:5%;bottom:12%;padding:14px 18px;border:1px solid hsl(var(--foreground)/.13);border-radius:12px;background:rgba(var(--paper-rgb),.96)}.learning-film-heading{display:grid;grid-template-columns:1fr 4fr 1fr;text-align:center;font-size:10px;margin-bottom:6px;color:hsl(var(--muted))}.learning-film-heading>span:last-child{color:var(--opening-blue)}.learning-film-poses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.learning-film figure{margin:0;position:relative;border:1px dashed hsl(var(--foreground)/.18);border-radius:6px;color:hsl(var(--foreground)/.68)}.learning-film figure[data-given=true]{border-style:solid}.learning-film figure[data-goal=true]{border-color:#3b82f650;color:var(--opening-blue)}.learning-film figure[data-playing=true]{background:#3b82f608}.learning-film-pose>svg{display:block;width:100%;height:82px}.learning-film-placeholder{position:absolute;inset:0 0 20px;display:grid;place-items:center;font-size:24px;color:hsl(var(--foreground)/.25)}.learning-film figcaption{margin:0 0 5px;text-align:center;font-size:9px;font-variant-numeric:tabular-nums}.learning-film-playhead{position:relative;margin:10px 0;height:2px;background:hsl(var(--foreground)/.15)}.learning-film-playhead i{position:absolute;top:-3px;width:8px;height:8px;background:var(--opening-blue);transform:translateX(-50%) rotate(45deg)}.learning-film-caption{margin:0;text-align:right;color:hsl(var(--muted));font-size:9px}@media (max-width:760px){.opening-act-navigation{gap:9px}.opening-act-navigation button{font-size:9px}.learning-gallery{left:24px;right:24px;top:31%}.learning-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learning-card{padding:8px 8px 7px;border-radius:8px}.learning-card figcaption{font-size:9px}.learning-card small{font-size:8px}.learning-example-poses{margin-top:4px}.learning-example-poses>svg{height:63px}.learning-example-caption{font-size:9px;margin-top:8px}.learning-learner{left:50%;top:calc(74% - 16% * var(--learning-after));width:calc(112px - 48px * var(--learning-after))}.learning-learner>p{font-size:9px}.learning-learner>small{font-size:8px;white-space:nowrap}.learning-film{left:24px;right:24px;bottom:13%;padding:10px 10px 8px}.learning-film-pose>svg{height:58px}.learning-film-heading{font-size:8px}.learning-film-poses{gap:3px}.learning-film figcaption{font-size:7px}.learning-film-caption{font-size:8px}.learning-navigation .opening-steps button{width:24px}}@media (max-width:760px) and (max-height:720px){.learning-gallery{top:31%}.learning-card{padding:6px 7px 5px}.learning-example-poses>svg{height:41px}.learning-example-caption{margin-top:6px}.learning-learner{top:calc(74% - 23% * var(--learning-after));width:calc(88px - 24px * var(--learning-after))}.learning-film-pose>svg{height:44px}}.opening-header{top:28px}.opening-brand{font-size:12px;font-weight:650;letter-spacing:.08em}.opening-brand span{color:hsl(var(--muted));font-weight:400;letter-spacing:0}.opening-header-right{display:flex;align-items:center;gap:20px}.opening-header-right>span{color:hsl(var(--muted));font-size:10px;letter-spacing:.15em}.opening-header-right .theme-toggle{position:relative;inset:auto;z-index:auto;flex-shrink:0;width:32px;height:32px}.opening-copy{position:absolute;top:26%;width:36%;max-width:620px}.opening-eyebrow{color:hsl(var(--muted));font-size:12px;letter-spacing:.13em;margin:0 0 22px}.opening-headlines{display:grid}.opening-headline{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .45s ease,visibility .3s}.opening-headline[data-active=true]{opacity:1;visibility:visible;transform:translateY(0)}.opening-headline h1{margin:0;font-family:var(--font-display),var(--font-sans);font-size:clamp(42px,5.2vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.opening-headline p{margin:24px 0 0;max-width:26em;color:hsl(var(--muted));font-size:clamp(13px,1.1vw,17px);line-height:1.6;text-wrap:balance}.opening-beat-label{display:flex;align-items:center;gap:12px;margin-top:34px;color:hsl(var(--muted));font-size:11px}.opening-beat-label>span{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid hsl(var(--foreground)/.15);border-radius:50%;color:hsl(var(--foreground));font-variant-numeric:tabular-nums}.opening-work{position:absolute;left:48%;right:6%;bottom:13%;padding:14px 20px;background:rgba(var(--paper-rgb),.93);border:1px solid hsl(var(--foreground)/.12);border-radius:12px}.opening-diagram-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:10px}.opening-diagram-heading p{margin:0;font-weight:600}.opening-diagram-heading>span{color:hsl(var(--muted))}.opening-pose-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opening-pose-strip figure{margin:0;padding:5px 6px;border:1px solid transparent;border-radius:6px;color:hsl(var(--foreground)/.55)}.opening-pose-strip figure[data-active=true]{background:#3b82f609;border-color:#3b82f64d;color:hsl(var(--foreground))}.opening-pose-strip svg{display:block;width:100%;height:68px}.opening-pose-ground{stroke:hsl(var(--foreground)/.15);stroke-width:1}.opening-pose-strip figcaption{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:10px}.opening-pose-strip figcaption small{font-size:9px;color:hsl(var(--muted));font-variant-numeric:tabular-nums}.opening-time-track{position:relative;height:2px;margin-top:12px;background:hsl(var(--foreground)/.2)}.opening-time-progress{width:calc(var(--opening-playhead) * 100%);height:100%;background:var(--opening-blue)}.opening-time-track>i{position:absolute;top:-3px;left:calc(var(--opening-playhead) * 100%);width:8px;height:8px;background:var(--opening-blue);transform:translateX(-50%) rotate(45deg)}.opening-step-clock{display:flex;justify-content:space-between;margin-top:7px;color:hsl(var(--muted));font-size:9px;font-variant-numeric:tabular-nums}.opening-step-clock>span:first-child{color:var(--opening-blue)}.opening-authoring-detail{height:calc(var(--opening-work-reveal) * 134px);opacity:var(--opening-work-reveal);overflow:hidden}.opening-joint-tracks{display:grid;gap:1px;margin-top:12px}.opening-joint-tracks>div{display:grid;grid-template-columns:44px 1fr;align-items:center;font-size:10px}.opening-joint-tracks svg{width:100%;height:18px}.opening-curve-baseline{stroke:hsl(var(--foreground)/.1)}.opening-curve-playhead{stroke:hsl(var(--foreground)/.4);stroke-dasharray:3 2;stroke-width:1}.opening-action-graph{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.opening-action-graph>span{flex:1;border:1px solid hsl(var(--foreground)/.18);border-radius:5px;padding:6px 4px;text-align:center;font-size:12px}.opening-action-graph>span[data-action=walk]{border-color:#3b82f64d;color:var(--opening-blue)}.opening-action-graph>div{display:flex;flex-direction:column;align-items:center;gap:2px}.opening-action-graph small{color:hsl(var(--muted));font-size:8px}.opening-action-graph svg{width:17px;height:17px;color:hsl(var(--muted))}.opening-transition-caption{margin:7px 0 0;text-align:center;color:hsl(var(--muted));font-size:9px}.opening-scene-caption{position:absolute;right:6%;bottom:9.4%;color:hsl(var(--muted));font-size:10px}.opening-scene-tag{display:block;white-space:nowrap;padding:6px 9px;border:1px solid hsl(var(--foreground)/.13);border-radius:5px;background:rgba(var(--paper-rgb),.95);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:10px}.opening-scene-tag--goal{color:var(--opening-blue);border-color:#3b82f633}.opening-footer{bottom:25px;gap:20px;border-top:1px solid hsl(var(--foreground)/.12);padding-top:16px}.opening-actions,.opening-steps{display:flex;align-items:center;gap:8px}.opening-footer button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid transparent;border-radius:50%;color:hsl(var(--muted));cursor:pointer;transition:border-color .16s,background-color .16s}.opening-footer button[hidden]{display:none}.opening-footer button:hover{border-color:hsl(var(--foreground)/.2);color:hsl(var(--foreground))}.opening-footer button:focus-visible,.opening-header a:focus-visible{outline:2px solid var(--opening-blue);outline-offset:4px}.opening-footer button:disabled{opacity:.3;cursor:default}.opening-steps button{font-size:11px}.opening-steps button[aria-current=step]{border-color:hsl(var(--foreground)/.25);color:hsl(var(--foreground));background:hsl(var(--foreground)/.04)}.opening-key-hint{display:flex;align-items:center;gap:6px;color:hsl(var(--muted));font-size:10px;margin:0}.opening-footer .opening-begin,.opening-footer .opening-replay{width:auto;padding:0 11px;gap:7px;border-radius:6px;border-color:hsl(var(--foreground)/.15);font-size:11px;color:hsl(var(--foreground))}.opening-notes{position:absolute;right:4.5vw;bottom:90px;z-index:5;max-width:min(420px,90vw);padding:20px;border:1px solid hsl(var(--foreground)/.2);border-radius:10px;background:var(--paper);pointer-events:auto;box-shadow:0 12px 40px #00000012}.opening-notes p{margin:0 0 10px;color:hsl(var(--muted));font-size:10px;letter-spacing:.08em}.opening-notes>div{font-size:14px;line-height:1.65}@media (max-width:760px){.opening-header{top:18px}.opening-header-right{gap:12px}.opening-copy{top:12%;left:24px;right:24px;width:auto}.opening-cover .opening-headline h1{font-size:clamp(44px,12vw,72px)}.opening-eyebrow{font-size:10px;margin-bottom:14px}.opening-headline h1{font-size:clamp(27px,6.4vw,46px);line-height:1.06;max-width:20ch}.opening-headline p{margin-top:12px;font-size:12px}.opening-beat-label{display:none}.opening-work{left:24px;right:24px;bottom:13%;padding:10px 12px}.opening-diagram-heading{margin-bottom:4px;font-size:9px}.opening-pose-strip{gap:4px}.opening-pose-strip svg{height:49px}.opening-pose-strip figure{padding:3px 2px}.opening-pose-strip figcaption{flex-direction:column;gap:2px;font-size:9px}.opening-time-track{margin-top:8px}.opening-authoring-detail{height:calc(var(--opening-work-reveal) * 114px)}.opening-joint-tracks{margin-top:8px}.opening-joint-tracks svg{height:14px}.opening-action-graph{margin-top:6px}.opening-action-graph>span{padding:4px;font-size:11px}.opening-scene-caption{right:24px;bottom:10%;font-size:9px}.opening-footer{bottom:16px;gap:8px;padding-top:12px}.opening-actions,.opening-steps{gap:2px}.opening-footer button{width:30px;height:30px}.opening-key-hint,.opening-replay span{display:none}.opening-notes{left:24px;right:24px;bottom:76px}}@media (prefers-reduced-motion:reduce){.opening-footer button,.opening-headline{transition:none;transform:none}}@media (max-width:760px) and (max-height:720px){.opening-scene-label-layer>span:nth-child(2){display:none}.opening-pose-strip svg{height:35px}.opening-authoring-detail{height:calc(var(--opening-work-reveal) * 100px)}.opening-joint-tracks svg{height:12px}}@media (max-width:760px){.learning-answer h1{font-size:clamp(52px,14vw,98px)}.learning-deck{--deck-lift:24px;--deck-thickness:16px;--deck-tilt-factor:0.8;left:50%;top:14%;width:min(390px,calc(100% - 64px))}.learning-motion-card>.learning-card-front{padding:12px 14px 10px}.learning-card-heading{font-size:12px}.learning-card-heading small{font-size:10px}.learning-deck .learning-example-poses>svg{height:84px}.learning-deck-caption{font-size:9px;margin-top:8px}.learning-playback-button{margin-top:8px}.learning-frame .learning-learner{left:calc((50 - 33 * var(--learning-watch) * (1 - var(--learning-after))) * 1%);top:calc((48 + 16 * var(--learning-down) - 2 * var(--learning-watch) - 8 * var(--learning-after)) * 1%);width:calc(180px - 80px * var(--learning-watch) - 36px * var(--learning-after))}.learning-frame .learning-learner>p{font-size:11px}.learning-frame .learning-learner>small{font-size:8px}.learning-observation-copy{margin-top:16px;white-space:normal;width:130px}.learning-observation-copy p{font-size:18px;line-height:1.15}.learning-observation-copy>span{font-size:10px}.learning-human-caption{left:66%;top:83%;font-size:8px}.learning-navigation .opening-steps button:not([data-cover=true]){font-size:9px;padding:0 5px}}@media (max-width:760px) and (max-height:720px){.learning-deck .learning-example-poses>svg{height:64px}.learning-motion-card>.learning-card-front{padding:10px 12px 8px}.learning-deck{--deck-lift:12px;--deck-thickness:12px;--deck-tilt-factor:0.6;top:12%}.learning-frame .learning-learner{top:calc((48 + 16 * var(--learning-down) - 2 * var(--learning-watch) - 12 * var(--learning-after)) * 1%)}.learning-observation-copy p{font-size:15px}.learning-observation-copy{width:100px}}@media (prefers-reduced-motion:reduce){.learning-answer{transform:translate(-50%,-50%)!important}}.goals-copy{top:12%;left:8%;right:8%;width:auto;max-width:none;text-align:center}.goals-copy .opening-headline h1{font-size:clamp(38px,4.2vw,68px);max-width:none}.goals-scene-slot{position:absolute;left:4%;top:24%;width:92%;height:65%;pointer-events:none}.opening-steps[aria-label="Act IV sections"]{gap:8px}.opening-steps[aria-label="Act IV sections"] button{width:auto;min-width:34px;padding:0 9px}@media (max-width:760px){.goals-copy{top:12%;left:24px;right:24px}.goals-copy .opening-headline h1{font-size:clamp(29px,8vw,42px)}.goals-scene-slot{top:29%;height:56%}.opening-brand span{display:none}.opening-steps[aria-label="Act IV sections"]{gap:2px}.opening-steps[aria-label="Act IV sections"] button{min-width:28px;padding:0 4px;font-size:9px}}