:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-ready .hero,.motion-ready .intro,.motion-ready .page-heading,.motion-ready .hero h1,.motion-ready .hero .eyebrow,.motion-ready .hero img{animation:none}
.motion-ready .filter-in{animation:none}
.motion-ready #main-nav{position:relative}
.motion-ready #main-nav.motion-nav-enhanced a:after{display:none}
.motion-nav-line{position:absolute;left:0;bottom:-6px;height:1px;pointer-events:none;background:var(--accent);transition:transform .38s var(--motion-ease),width .38s var(--motion-ease),opacity .2s;opacity:0}
.motion-ready .cinematic-feature .feature-image{animation:none;transform:translateY(var(--cinema-shift,0px)) scale(var(--cinema-scale,1.035));transition:transform .45s linear;will-change:transform}
.motion-ready .cinematic-feature .feature-copy{transform:translateY(var(--copy-shift,0px));transition:transform .45s linear}
.motion-depth{transform-style:preserve-3d;transition:transform .55s var(--motion-ease),box-shadow .55s var(--motion-ease),border-color .3s}
@media(hover:hover) and (pointer:fine){.motion-depth:hover{transform:perspective(1200px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-4px);box-shadow:0 15px 30px #1414130b}.motion-magnetic{transform:translate(var(--magnetic-x,0px),var(--magnetic-y,0px));transition:transform .35s var(--motion-ease),background .25s,color .25s}.motion-magnetic:hover{transform:translate(var(--magnetic-x,0px),var(--magnetic-y,0px))}.motion-ready .editorial-art img,.motion-ready .research-art img,.motion-ready .project-card-art img{transition:transform 1.05s var(--motion-ease)}.motion-ready .editorial-art:hover img,.motion-ready .research-art:hover img,.motion-ready .project-card:hover .project-card-art img{transform:scale(1.055)}}
.keyboard-mode .motion-depth,.keyboard-mode .motion-magnetic{transform:none!important}
.motion-ready .wechat-article,.motion-ready .essay-card,.motion-ready .related-articles>a{transition:background .35s,color .25s,border-color .35s}
.motion-ready .wechat-article:hover,.motion-ready .essay-card:hover,.motion-ready .related-articles>a:hover{border-color:var(--accent)}
.motion-ready .wechat-article .number,.motion-ready .essay-card .work-meta,.motion-ready .research-copy .work-meta{transition:color .3s,letter-spacing .45s var(--motion-ease)}
.motion-ready .wechat-article:hover .number{color:var(--ink);letter-spacing:1.6px}
.motion-ready .text-link:after{transition:transform .4s var(--motion-ease);transform-origin:right}
.motion-ready .text-link:hover:after{transform-origin:left}
.motion-ready .footer-column a{position:relative;transition:color .3s,transform .35s var(--motion-ease)}
.motion-ready .footer-column a:hover{transform:translateX(3px)}
.motion-ready .footer-qr img{transition:transform .55s var(--motion-ease)}
.motion-ready .footer-qr:hover img{transform:scale(1.04)}
.motion-ready main{transition:opacity .16s ease,translate .16s ease}
.motion-leaving main{opacity:.15;translate:0 -7px}
.motion-paused .logo-mark path,.motion-paused .feature-image{animation-play-state:paused}
@view-transition{navigation:auto}
::view-transition-old(root){animation:motion-page-out .2s ease both}
::view-transition-new(root){animation:motion-page-in .42s var(--motion-ease) both}
@keyframes motion-page-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes motion-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.motion-nav-line{display:none}.motion-ready #main-nav{position:absolute}}
@media(prefers-reduced-motion:reduce){.motion-ready *, .motion-ready *:before,.motion-ready *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .feature-image,.motion-ready .feature-copy,.motion-depth,.motion-magnetic{transform:none!important}.motion-leaving main{opacity:1;translate:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.motion-reduced .motion-depth,.motion-reduced .motion-magnetic{transform:none!important}
@media print{.motion-ready *{animation:none!important;transition:none!important}.motion-leaving main{opacity:1;translate:none}.motion-depth,.motion-magnetic{transform:none!important}}