/* Serye motion direction: a title arrival, an editorial cut, then a held frame. */
:root{--motion-land:cubic-bezier(.16,1,.3,1);--motion-quick:240ms;--motion-arrive:680ms}
@media(prefers-reduced-motion:no-preference){
 .hero-copy> .eyebrow{animation:serye-title-in .6s var(--motion-land) both}
 .hero-copy h1{animation:serye-title-in 1s .08s var(--motion-land) both}
 .hero-description{animation:serye-title-in .8s .22s var(--motion-land) both}
 .hero-actions{animation:serye-title-in .7s .34s var(--motion-land) both}
 .hero-bottom{animation:serye-settle .7s .48s ease-out both}
 .reveal,.chapter-handoff{transition:opacity var(--motion-arrive) ease-out,transform var(--motion-arrive) var(--motion-land)}
 .story-heading.arrival-pending,.section-top.arrival-pending{opacity:.15;transform:translateY(32px)}
 .story-aside.arrival-pending{opacity:.25;transform:translateX(24px)}
 .chapter-handoff.arrival-pending{opacity:.3;transform:translateY(12px)}
 .genesis-title-block.arrival-pending{opacity:.2;transform:translateY(22px)}
 .genesis-theatre .arrival-complete .genesis-grand-number{animation:serye-title-in 1s .06s var(--motion-land) both}
 .genesis-theatre:has(.arrival-complete) .theatre-art{animation:theatre-light 1.6s ease-out both}
 .genesis-theatre .arrival-complete .theatre-roles{animation:serye-title-in .7s .24s var(--motion-land) both}
 .button,.text-link span,.service-arrow,.concept-image,.premiere-choices button,.theatre-roles a{transition-duration:var(--motion-quick);transition-timing-function:var(--motion-land)}
 .button:active,.showcase-controls button:active,.premiere-choices button:active{transform:translateY(1px)}
 @media(hover:hover){.concept:hover .concept-image{transform:scale(1.025);transition:transform .7s var(--motion-land)}.theatre-roles a:hover span{transform:translate(2px,-2px)}}
 @media(max-width:700px){.story-heading.arrival-pending,.section-top.arrival-pending,.story-aside.arrival-pending{transform:translateY(14px)}.hero-copy h1{animation-duration:.75s}}
}
:where(a,button,summary):focus-visible{outline:2px solid #e3c486;outline-offset:5px}
.theatre-roles span{transition:transform var(--motion-quick) var(--motion-land)}
.arrival-pending:focus-within{opacity:1!important;transform:none!important}
@keyframes serye-title-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes serye-settle{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.hero-bottom,.genesis-theatre .arrival-complete .genesis-grand-number,.genesis-theatre .arrival-complete .theatre-roles,.genesis-theatre:has(.arrival-complete) .theatre-art{animation:none}.reveal,.chapter-handoff,.theatre-roles span{transition:none}.arrival-pending{opacity:1!important;transform:none!important}}