/* Movimentos discretos; nenhuma animação é necessária para ler ou navegar. */
.button,.header-cta,footer button{transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease}
.button:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 7px 20px #06133118}
.button:active,.header-cta:active{transform:translateY(0)}
.button span,.header-cta span{display:inline-block;transition:transform .25s ease}
.button:hover span,.header-cta:hover span{transform:translate(3px,-2px)}
.section,.intro-strip,.closing{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal-pending{opacity:0;transform:translateY(24px)}
.hero-copy>*{animation:arrive .75s both cubic-bezier(.2,.7,.3,1)}
.hero-copy h1{animation-delay:.1s}.hero-intro{animation-delay:.2s}.hero-copy .button{animation-delay:.3s}.hero-note{animation-delay:.4s}
.hero-art{animation:logo-arrive 1.1s both cubic-bezier(.2,.7,.3,1)}
.hero-art>img{transition:transform .6s ease}
.scope-list article,.document-list li{transition:transform .25s ease}
.questions details[open] p{animation:answer-in .3s ease both}
@media(hover:hover){.hero-art:hover>img{transform:translateY(-6px)}.scope-list article:hover,.document-list li:hover{transform:translateX(5px)}}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes logo-arrive{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}.button:hover,.header-cta:hover,.hero-art:hover>img,.scope-list article:hover,.document-list li:hover{transform:none}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}