.cs-open__hero{min-height:max(34rem,calc(100dvh - var(--stick)));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;-webkit-padding-after:var(--space-16);padding-block-end:var(--space-16)}@keyframes cs-open-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs-open__role{color:var(--ink-primary);animation:cs-open-rise .6s ease .05s both}.cs-open__notice{-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4);align-self:flex-start;padding:.3em .75em;border-radius:var(--radius-full);background-color:var(--colour-void-80);color:var(--colour-void-0);animation:cs-open-rise .6s ease .1s both}.cs-open__title{-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6);font-size:var(--text-essay-title);line-height:1.04;--goo-base:var(--accent);--goo-dark:var(--accent-dark);--goo-light:var(--accent-light)}.cs-open__word{display:inline-block;transform-origin:top left;will-change:transform}.cs-open__deck{-webkit-margin-before:var(--space-8);margin-block-start:var(--space-8);max-width:34ch;line-height:1.3;color:var(--ink-primary);animation:cs-open-rise .6s ease .16s both}.cs-open__tags{-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6);--card-chip-ink:var(--ink-on-colour);--card-chip-fill:var(--accent);animation:cs-open-rise .6s ease .27s both}.cs-open__cue{-webkit-margin-before:var(--space-12);margin-block-start:var(--space-12);padding:0;border:0;background-color:transparent;cursor:pointer;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0;background-size:0 1.3em;transition:background-size .45s ease-in-out,color .45s ease-in-out;animation:cs-open-rise .6s ease .38s both}.cs-open__cue:focus-visible,.cs-open__cue:hover{color:var(--ink-on-colour);background-size:100% 1.3em;text-decoration:none}@media (prefers-reduced-motion:reduce){.cs-open__cue,.cs-open__deck,.cs-open__notice,.cs-open__role,.cs-open__tags{animation:none}.cs-open__cue{transition:none}}.cs-open[data-fx=on]{display:grid}.cs-open[data-fx=on]>*{grid-area:1/1}.cs-open[data-fx=on] .cs-open__hero{align-self:start;z-index:1}.cs-open[data-fx=on][data-mode=hero] .cs-open__stage{opacity:0;visibility:hidden}.cs-open[data-fx=on] .cs-open__stage{transition:opacity .45s ease,visibility 0s}.cs-open[data-fx=on][data-phase=moving] .cs-open__hero{pointer-events:none}.cs-open[data-fx=on][data-mode=live][data-phase=idle] .cs-open__hero{opacity:0;visibility:hidden;pointer-events:none}.cs-open[data-fx=on][data-mode=hero] .cs-title,.cs-open[data-fx=on][data-phase=moving] .cs-title{opacity:0}@keyframes cs-open-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs-open[data-fx=on][data-mode=live] .cs-aside>:not(.cs-title){animation:cs-open-enter .5s ease both}.cs-open[data-fx=on][data-mode=live] .cs-aside>:nth-child(2){animation-delay:.36s}.cs-open[data-fx=on][data-mode=live] .cs-aside>:nth-child(3){animation-delay:.44s}.cs-open[data-fx=on][data-mode=live] .cs-aside>:nth-child(4){animation-delay:.52s}.cs-open[data-fx=on][data-mode=live] .cs-aside>:nth-child(n+5){animation-delay:.6s}.cs-open[data-fx=on][data-mode=live] .cs-main{animation:cs-open-enter .6s ease .3s both}.demo-block{margin-block:var(--space-8)}.demo-win{border:1px solid var(--border-subtle);border-radius:var(--radius-lg,.75rem);overflow:hidden;background:var(--surface-page,#121213)}.demo-win__bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);background:var(--surface-raised)}.win-dots{display:inline-flex;align-items:center;gap:.4rem;flex:none}.win-dots>span{width:.6rem;height:.6rem;border-radius:var(--radius-full)}.win-dots>span:first-child{background:var(--accent-light,color-mix(in oklch,var(--accent) 55%,white))}.win-dots>span:nth-child(2){background:var(--accent)}.win-dots>span:nth-child(3){background:var(--accent-dark,color-mix(in oklch,var(--accent) 65%,var(--colour-void-0)))}.demo-win__tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono,monospace);font-size:.75rem;letter-spacing:.04em;color:var(--colour-void-50,#838385)}.demo-win__tagdot{width:.45rem;height:.45rem;border-radius:var(--radius-full);background:var(--accent);animation:demo-pulse 2s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.demo-win__tagdot{animation:none}}.demo-win__body{padding:var(--body-pad,var(--space-6))}.demo-wrap{position:relative;--note-x:0.25rem;--note-y:0;--note-w:15rem;--arrow-x:8.5rem;--arrow-y:1.7rem;--arrow-w:3.5rem;--note2-x:0.25rem;--note2-y:0;--note2-w:15rem;--arrow2-x:8.5rem;--arrow2-y:1.7rem;--arrow2-w:3.5rem}.demo-wrap--noted{-webkit-padding-before:3.25rem;padding-block-start:3.25rem}.demo-wrap--bl.demo-wrap--noted,.demo-wrap--br.demo-wrap--noted{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:3.25rem;padding-block-end:3.25rem}.demo-note{top:var(--note-y);left:var(--note-x);font-family:var(--font-annotation);text-transform:lowercase;font-size:1.25rem;line-height:1.1;color:var(--accent)}.demo-note,.demo-note__arrow{position:absolute;z-index:3;pointer-events:none}.demo-note__arrow{top:var(--arrow-y);left:var(--arrow-x);width:var(--arrow-w);height:auto}.demo-note--2{left:auto;right:var(--note2-x);top:var(--note2-y);max-width:var(--note2-w);text-align:right}.demo-note__arrow--2{left:auto;right:var(--arrow2-x);top:var(--arrow2-y);width:var(--arrow2-w)}.demo-wrap--br .demo-note,.demo-wrap--tr .demo-note{left:auto;right:var(--note-x);text-align:right}.demo-wrap--br .demo-note__arrow,.demo-wrap--tr .demo-note__arrow{left:auto;right:var(--arrow-x)}.demo-wrap--bl .demo-note,.demo-wrap--br .demo-note{top:auto;bottom:var(--note-y)}.demo-wrap--bl .demo-note__arrow,.demo-wrap--br .demo-note__arrow{top:auto;bottom:var(--arrow-y)}.demo-foot{display:flex;align-items:flex-start;justify-content:center;gap:var(--foot-gap,var(--space-3));-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4);padding-inline:var(--space-6)}.demo-foot--arrow-first{flex-direction:row-reverse}.demo-foot__arrow{width:5.75rem;height:auto;flex:none;-webkit-margin-before:-.9rem;margin-block-start:-.9rem}.demo-foot__text{font-family:var(--font-annotation);text-transform:lowercase;font-size:1.25rem;line-height:1.2;color:var(--accent);max-width:var(--foot-w,24rem)}@media (max-width:40rem){.demo-wrap--noted{-webkit-padding-before:2.5rem;padding-block-start:2.5rem}.demo-note__arrow{display:none}.demo-note,.demo-note--2{position:static;display:block;max-width:none;text-align:left;-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}}