.cs-open__hero{min-height:max(34rem, calc(100dvh - var(--stick)));flex-direction:column;justify-content:center;align-items:flex-start;padding-block-end:var(--space-16);display:flex}@keyframes cs-open-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs-open__role{color:var(--ink-primary);animation:.6s 50ms both cs-open-rise}.cs-open__notice{border-radius:var(--radius-full);background-color:var(--colour-void-80);color:var(--colour-void-0);align-self:flex-start;margin-block-start:var(--space-4);padding:.3em .75em;animation:.6s .1s both cs-open-rise}@media (max-width:48rem){.cs-open__notice-detail{display:none}}.cs-open__title{font-size:min(var(--text-essay-title), calc((100vw - 2 * var(--layout-page-padding)) / 5.9 * .985));--goo-base:var(--accent);--goo-dark:var(--accent-dark);--goo-light:var(--accent-light);margin-block-start:var(--space-6);line-height:1.04}.cs-open__word{transform-origin:0 0;will-change:transform;display:inline-block}.cs-open__deck{max-width:34ch;color:var(--ink-primary);margin-block-start:var(--space-8);line-height:1.3;animation:.6s .16s both cs-open-rise}.cs-open__tags{--card-chip-ink:var(--accent-deep);--card-chip-fill:var(--accent-light);--card-chip-border:var(--accent-light);margin-block-start:var(--space-6);animation:.6s .27s both cs-open-rise}.cs-open__cue{cursor:pointer;color:var(--accent);text-underline-offset:.2em;background-color:#0000;background-image:linear-gradient(var(--accent), var(--accent));background-position:0;background-repeat:no-repeat;background-size:0% 1.3em;border:0;margin-block-start:var(--space-12);padding:0;text-decoration:underline;text-decoration-thickness:1px;transition:background-size .45s ease-in-out,color .45s ease-in-out;animation:.6s .38s both cs-open-rise}.cs-open__cue:hover,.cs-open__cue:focus-visible{color:var(--ink-on-colour);background-size:100% 1.3em;text-decoration:none}@media (prefers-reduced-motion:reduce){.cs-open__role,.cs-open__notice,.cs-open__deck,.cs-open__tags,.cs-open__cue{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{z-index:1;align-self:start}.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,visibility}.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:.5s both cs-open-enter}.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:.6s .3s both cs-open-enter}