/* Reference motion: masked type, staggered soft entrances, expanding media. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.motion-line-clip{display:block;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em}
.motion-line{display:block}
.motion-heading>.motion-line-clip,.motion-heading>.motion-line-clip>.motion-line{color:inherit}
.motion-enabled [data-motion-state="pending"]:not([data-motion="title"]){opacity:0;transform:translateY(28px)}
.motion-enabled [data-motion="title"][data-motion-state="pending"] .motion-line{opacity:0;transform:translateY(105%)}
.motion-enabled [data-motion="image"][data-motion-state="pending"]{clip-path:inset(48% 9% round 20px);transform:scale(.97)}
[data-motion-state="revealing"]{will-change:transform,opacity}
.chapter-motion .chapter{animation:none}
.chapter-motion .chapter .eyebrow{animation:soft-copy-in .7s var(--motion-ease) both}
.chapter-motion .chapter .motion-line{animation:masked-title-in .95s var(--motion-ease) both;animation-delay:calc(.08s + var(--line-order)*.1s)}
.chapter-motion .chapter .first-note{animation:soft-copy-in .95s var(--motion-ease) .25s both}
#opening[data-phase="loading"] .chapter :is(.eyebrow,.motion-line,.first-note){animation-play-state:paused}
.chapter.leaving{opacity:0}
.member-card{animation:soft-card-in .72s var(--motion-ease) backwards;animation-delay:calc(var(--card-order)*70ms);transition:transform .45s var(--motion-ease),box-shadow .45s,border-color .25s}
.folder-sheet,.folder-document,.folder-cover{transition-timing-function:var(--motion-ease)}
.direction-list summary{transition:background .3s,padding .4s var(--motion-ease)}
.direction-list summary b{transition:transform .45s var(--motion-ease)}
.direction-list summary[aria-expanded="false"] b{transform:rotate(0)}
.direction-list summary[aria-expanded="true"] b{transform:rotate(45deg)}
.text-link span,.enter span,.next-chapter>span:last-child,.folder-action>span:last-child,.member-card-action span{display:inline-block;transition:transform .45s var(--motion-ease)}
.text-link:is(:hover,:focus-visible) span,.enter:is(:hover,:focus-visible) span,.member-card:is(:hover,:focus-visible) .member-card-action span{transform:translate(3px,-3px)}
.next-chapter:is(:hover,:focus-visible):not(:disabled)>span:last-child{transform:translate(3px,-2px)}
.next-chapter{transition:background .3s,color .3s,box-shadow .3s,transform .4s var(--motion-ease)}
.next-chapter:active:not(:disabled){transform:scale(.98)}
.island-spread img{border-radius:20px}
@keyframes masked-title-in{from{opacity:0;transform:translateY(105%);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes soft-copy-in{from{opacity:0;transform:translateY(16px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes soft-card-in{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
body.calm [data-motion],body.calm .motion-line{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;will-change:auto}
body.calm .folder-document,body.calm .folder-cover{transition:none}
@media(prefers-reduced-motion:reduce){
  [data-motion],.motion-line{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;will-change:auto}
}
@media print{
  [data-detail],[data-motion],.motion-line{display:revert!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
}